CSS基本知识点(01)

标签：family   style   ble   tab   ext   hit   元素   chm   字体   

0、未完，还有一部分未写

1、CSS背景

　　属性 　　　　　　　　　　          描述
　　background 　　　　　　　　     简写属性，作用是将背景属性设置在一个声明中。
　　background-attachment 　　　　背景图像是否固定或者随着页面的其余部分滚动。
　　background-color　　　　　　    设置元素的背景颜色。
　　background-image　　　　　　  把图像设置为背景。
　　background-position　　　　　   设置背景图像的起始位置。
　　background-repeat 　　　　　　 设置背景图像是否及如何重复。

2、 CSS文本

　　属性 　　　　　　　　  描述
　　color 　　　　　　　　 设置文本颜色
　　direction 　　　　　 　 设置文本方向。
　　line-height　　　　　    设置行高。
　　letter-spacing 　　　　 设置字符间距。
　　text-align 　　　　　　 对齐元素中的文本。
　　text-decoration　　　　向文本添加修饰。
　　text-indent 　　　　　   缩进元素中文本的首行。
　　text-transform 　　　　 控制元素中的字母。
　　unicode-bidi 　　　　   设置文本方向。
　　white-space 　　　　   设置元素中空白的处理方式。
　　word-spacing 　　 　　 设置字间距。

3、CSS字体

　　属性 　　　　　　 描述
　　font 　　　　　　 简写属性。作用是把所有针对字体的属性设置在一个声明中。
　　font-family 　　     设置字体系列。
　　font-size 　　　　 设置字体的尺寸。
　　font-style 　　　   设置字体风格。
　　font-variant 　　   以小型大写字体或者正常字体显示文本。
　　font-weight 　　   设置字体的粗细。

4、CSS链接

　　a:link - 普通的、未被访问的链接
　　a:visited - 用户已访问的链接
　　a:hover - 鼠标指针位于链接的上方
　　a:active - 链接被点击的时刻

　　当为链接的不同状态设置样式时，请按照以下次序规则：
　　a:hover 必须位于 a:link 和 a:visited 之后
　　a:active 必须位于 a:hover 之后

　　text-decoration 属性大多用于去掉链接中的下划线

5、CSS列表属性(list)

　　属性 　　　　　　　　 描述
　　list-style 　　　　　　 简写属性。用于把所有用于列表的属性设置于一个声明中。
　　list-style-image 　　　 将图象设置为列表项标志。
　　list-style-position 　　  设置列表中列表项标志的位置。
　　list-style-type　　　　 设置列表项标志的类型。

6、CSS表格属性(Table)

　　属性 　　　　　　　　 描述
　　border
　　border-collapse 　　    设置是否把表格边框合并为单一的边框。
　　border-spacing　　      设置分隔单元格边框的距离。
　　caption-side　　　　    设置表格标题的位置。
　　empty-cells 　　　　    设置是否显示表格中的空单元格。
　　table-layout 　　　　   设置显示单元、行和列的算法。

7、盒子模型

　　margin：外边距
　　外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。
　　padding：内边距
　　border：边框
　　border-style、border-color、border-width
　　内容

8、CSS定位(position)

　　1、相对定位(relative)
　　　　1、占用文档流
　　　　2、是基于原来文档流中的位置
　　　　3、以边框为基准
　　2、绝对定位(absolute)
　　　　1、脱离文档流
　　　　2、是以浏览器窗口为基本位置
　　　　3、以边框为基准
　　3、fixed
　　　　相对于窗口的定位
　　4、浮动(float)
　　　　1、脱离文档流
　　　　2、会把内容挤掉
　　　　clear：
　　　　清除前面的元素浮动对后面元素的影响
　　5、relative和absolute混用
　　　　1、元素作为容器时，设置为relative，其内部元素如果是absolute，内部元素以容器为基准

CSS基本知识点(01)

标签：family   style   ble   tab   ext   hit   元素   chm   字体   

原文地址：http://www.cnblogs.com/baben/p/7341903.html