CSS学习笔记(一)

1、CSS:Cascading Style Sheets层叠样式表

2、讲css样式直接写到style属性中,这种样式我们称为内联样式,内联样式只对当前元素中的标签起作用,内联样式不方便复用,内联样式属于结构和表现耦合,不方便后期维护,不推荐使用

3、也可以将CSS样式放在head中的style标签里,将CSS样式统一编写到外部的样式表中,完全使结构和表现分离

4、元素选择器,id选择器,类(class)选择器

5、选择器分组(并集选择器):通过选择器分组可以同时选中多个选择器对应的元素,语法:选择器1,选择器2,选择器N{}

6、通配选择器:可以用来选中页面中的所有的元素,语法:*{}

7、复合选择器(交集选择器):可以选中同时满足多个选择器的元素,语法:选择器1选择器2选择器N{},对于id选择器来说,不建议使用复合选择器

8、后代元素选择器:语法:祖先元素 后代元素{}

9、子元素选择器:语法:父元素 > 子元素,IE6及以下不支持

10、install-ietester-v0.5.4.exe一个测试ie兼容性的工具,只是一个模拟工具

11、伪类选择器:a标签的伪伪类::link表示普通的链接,:visited表示访问过的链接,:visited涉及到隐私问题,只能设置字体颜色,:hover表示鼠标移入的状态,:active表示超链接被点击的状态。:hover和:active也可以为其他元素设置,IE6及以下不支持,还有其他的伪类::focus表示获得焦点,:before,:after表示元素之前和之后,::selection表示选中(注意,这个标签在火狐不好用,应该用::-moz-selection)

12、伪元素选择器::first-letter表示选择第一个字符,:first-line表示第一行,:before表示元素最前边的部分(一般before和after都是和content一起使用,通过content属性可以向before和after的位置添加一些内容)

13、属性选择器:可以根据元素中的属性或者属性值来选取指定的元素,

       语法:

             [属性名]  选取含有指定属性的元素,

            [属性名="值"] 选取含有指定属性值的元素

           [属性名^="属性值"]选取以指定属性值开头的元素

          [属性名$="属性值"]选取以指定属性值结尾的元素

         [属性名*="属性值"]选取属性值以包含指定内容的元素

14、其他子元素选择器::first-child第一个子元素,:last-child,:nth-child(odd/even/n)可以选中任意位置的子元素,该选择器后可以指定一个参数。:first-of-type,:last-of-type只在当前类型中排

15、后一个兄弟元素选择器:语法:前一个+后一个,可以选中一个元素后紧挨着的指定兄弟元素,如果是~符号,就是后面的所有兄弟元素

16、否定伪类:语法::not(选择器),可以选中指定元素中剔除某些元素

17、样式优先级的规则:内联样式1000,id选择器100,类和伪类10,元素选择器1,通配选择器0,继承的样式没有优先级。当选择器包含多种选择器时,则相加。如果加!important,则为最重要,但是在开发中,尽量避免使用important

18、表示一个重要的内容,显示为斜体,显示为粗体

19、标签的内容为斜体,会加粗,只是单纯显示,内容不重要

20、标签中的内容会比父元素中的文字小一些,一般版权声明、细则可以用

21、网页中所有加书名号的内容都可以使用标签,表示参考内容

22、(行内引用)标签表示一个短引用,浏览器会自动用引号引起来,

(块级元素)标签表示一个长引用

23、用来设置一个上标,用来设置一个下标

24、表示插入的内容,会自动添加下划线,标签表示删除,会自动添加删除线

25、

,无序列表:
  • ,去掉list-type:none,有序列表:
  • 你可能感兴趣的:(CSS学习笔记(一))