初学css个人笔记

1.css类选择器中的类名的第一个字符不能是数字，无法再Mozilla或Firefox中起作用。

2.css中id选择器中的属性只能在每个html文档中出现一次。

3.css样式表中不需要在属性值与单位之间留有空格，在Netscape和Mozilla/Firefox中不起作用。

4.css背景属性（背景属性不能继承）：

（1）background 简写属性，可以将一下所有属性设置放在一个声明中。

（2）background-image:url() 设置图像背景

（3）background-color 设置元素的背景颜色

（4）background-attachment:fixed,scroll
背景图像是否固定，默认scroll随文档滚动

（5）background-repeat:repeat-x,repeat-y,no-repeat 背景图像是否重复

（6）background-position:关键字(top...),百分数值,长度(1px). 背景图片的位置

5.css文本属性：

（1）color 文本颜色

（2）direction 文本方向

（3）line-height 行高

（4）letter-spacing 字符间距

（5）text-align 对齐元素中的文本

（6）text-decoration 文本修饰

（7）text-indent 首行缩进

（8）text-shadow 文本阴影

（9）text-transform 元素中字母大小写转换

（10）white-space 元素中空白的处理

（11）word-spacing 字间距

6.css字体：

（1）font 简写属性

（2）font-family 字体系列

（3）font-size 字体大小

（4）font-style 字体风格

（5）font-variant 以小型大写字体或者正常字体显示文本

（6）font-weight 字体粗细

7.css列表：

（1）list-style 简写属性

（2）list-style-image 将图像设置为列表项标志

（3）list-style-position 列表中列表项标志的位置

（4）list-style-type 列表项标志的类型

8.css轮廓：

（1）outline 简写属性

（2）outline-color 轮廓的颜色

（3）outline-style 轮廓的样式

（4）outline-width 轮廓的宽度

9.css内边距：

（1）padding 简写属性

（2）padding-bottom 元素的下边距

（3）padding-left 元素的左边距

（4）padding-right 元素的右边距

（5）padding-top 元素的上边距

10.css边框属性：

（1）border 简写属性

（2）border-style 元素所有边框的样式，或者单独地为各边设置边框样式

（3）border-width 元素所有边框的宽度，或者单独地为各边设置边框宽度

（3）border-color 元素所有边框可见部分的颜色，或者单独地为各边设置边框颜色

（3）border-(top,right,bottom,left)[-(color,style,width)]

11.css外边距：

（1）margin 简写属性

（2）margin-top 上外边距

（3）margin-right 右外边距

（4）margin-bottom 下外边距

（5）margin-left 左外边距

11.css定位属性：

（1）position:元素放置到一个静态的，相对的，绝对的，或固定的位置中

（2）top(right,bottom,left)元素上外边距边界与其包含快上边界之间的便宜

（3）overflow 元素的内容溢出其区域时发生的事情

（4）clip 元素的形状，元素被剪入这个形状之中，然后显示出来

（5）vertical-align 元素垂直对齐方式

（6）z-index 元素的堆叠顺序

12.css尺寸属性：

（1）height 元素的高度

（2）line-height 行高

（3）width 元素宽度

（4）max(min)-height(width) 元素的最大高度

13.css的分类属性

（1）clear 设置一个元素的侧面是否允许其他浮动元素

（2）cursor 规定当指向某元素时显示的指针类型

（3）display 是否及如何显示元素

（4）float 元素浮动方向

（5）position 元素放置到一个静态的，相对的，绝对的或固定的位置中

（6）visibility 元素是否可见

14.css伪类：

（1）:link 将特殊的样式添加到未被访问过的连接

（2）:visited 将特殊的样式添加到被访问过的连接

（3）:hover 当鼠标悬浮在元素上方时，向元素添加样式

（4）:active 将样式添加到被激活的元素

（5）:focus 将样式添加到被选中的元素

（6）:first-child 将特殊的样式添加到元素的第一个子元素

（7）:lang 允许作者自定义指定的元素中使用的语言

15.css伪元素：

（1）:first-letter 将特殊样式添加到文档的首字母

（2）:first-line 将特殊样式添加到文本的首行

（3）:before 在某元素之前插入某些内容

（4）:after 在某元素之后插入某些内容