初学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 在某元素之后插入某些内容

如果你觉得本文对你有帮助,请点击右下角的推荐让更多人知道^_^

欢迎光临个人网站 qingguoing.com

原文地址:https://www.cnblogs.com/qingguo/p/5686318.html