帝国先锋软件-软件前沿,先锋体验

最新更新| 软件分类| 专题合集| 软件标签| 软件发布

首页 > 教程攻略 > 网页设计

CSS布局基础属性介绍_CSS布局属性详解

2026-01-30 11:36:59作者:帝国先锋软件

刚接触设计工作的朋友不得不使用CSS,本文就简单介绍一些在使用CSS的时候经常用到的一些属性的使用信息,希望对你有所帮助。

一、可设置的CSS属性包括:字体属性、文本属性、颜色及背景属性、边框属性、容器属性(边距属性、填充属性)、分类属性、鼠标属性。

二、基础属性

字体属性:font-family font-style font-variant font-weight font-size

文本属性:word-spacing letter-spacing text-decoration vertical-align text-transform

text-align text-indent line-height

颜色背景属性:color background(background-color background-image background-repeat

background-attachment background-position)

边框属性:border(border-top border-right border-bottom border-left)(border-width

border-style border-color)

容器属性:margin padding width height float clear

分类属性:display white-space list-style-type list-style-image list-style-position

list-style

鼠标属性:auto crosshair default hand move e-resize ne-resize nw-resize n-resize se-resize

sw-resize s-resize w-resize text wait help

三、CSS布局

CSS盒模型的理解对于CSS布局有很大帮助,每个元素都有一个元素盒。HTML布局通常使用div+CSS,将网页分为很多方块,每个方块和整个总体都可以各用一个div容纳,然后用CSS对各个div进行布局。常用布局属性包括:margin padding float clear top right buttom left z-index position

标签:

相关资讯

热门攻略

  • JS中文显示乱码解决方法 JS中文显示乱码解决方法
    ①.js 文件中文显示乱码Javascript文件XX.js编辑保存时有一种编码方案(如GBK),当打开文件的时候所用的编码(如UTF-8)和保存时的编码方案不一致时,则会出现中文显示乱码。解决方案:(1) 用编辑器打开浏览的时候,选择和原文件编码(如GBK)一致的编码方式
    阅读:122026-01-22
  • JavaScript返回上一页_JavaScript返回上一页方法示例 JavaScript返回上一页_JavaScript返回上一页方法示例
    js返回上一页1. history.go(-1), 返回两个页面: history.go(-2);2. history.back().3. window.history.forward()返回下一页4. window.history.go(返回第几页,也可以使用访问过的URL)  例:向上一页
    阅读:1032026-01-15
  • CSS浏览器重置代码_CSS重置代码解决方案 CSS浏览器重置代码_CSS重置代码解决方案
    Chris Poteet’s CSS浏览器重置代码这个代码能够有效地帮助大家解决跨浏览器问题。虽然不支持IE6,但是对于这种美国占有率低于1%的浏览器,大家大可以放弃。/*   Reset Default Browser Styles  - Place first
    阅读:3802026-02-01
  • Photoshop CS5 常用快捷键_成为PS大师 Photoshop CS5 常用快捷键_成为PS大师
    Photoshop Cs5上经常使用的快捷键工具箱(多种工具共用一个快捷键的可同时按【Shift】加此快捷键选取)矩形、椭圆选框工具 【M】裁剪工具 【C】移动工具 【V】套索、多边形套索、磁性套索 【L】魔棒工具 【W】喷枪工具 【J】画笔工具 【B】像皮图章、图案图章 【S】历
    阅读:8032026-01-23
  • 判断IE浏览器的方法_IE浏览器检测技巧 判断IE浏览器的方法_IE浏览器检测技巧
    前几天在网上看到一个技术牛人写的世界上判断是否IE浏览器之最短的js代码,如下: