CSS小记一下

css基本语法格式：

selector { property: value; property1: value; property2:value; }

每个属性结束后加分号,即便只有一个属性.

不同的属性不同写法，注多个单词的value加引号 比如:p {font-family: "sans serif";}

多个选择器用逗号隔开,如:h1,h2,h3 {color:red; font-family: Times, "Times New Roman", serif;}

选择器写法:

1.标签:直接写就好,比如:body {font-family:"Times New Roman";}

2.id:前面需要加'#',比如:<p id = 'time'>Content</p>  #time {font-style:italic; font-weight: normal;}

3.类class:前面要加点'.'

4.属性:要用方括号: [title],其中,对属性值得筛选,等于:[title = 'time'], 包含:[title ~='time'], 这样title = "my time"也可以被选上.具体,看正则

选择器的继承:

规则我理解为子继承父,子优于父,內继承外,内优于外.

后代选择器与子选择器的区别:父选择器里的一切都是后代,子选择器是直系后代.

后代选择器,就是标签之内的标签,父写前面,后代写后面,中间用空格隔开,多个一样写法,,如: input内的button属性,p [style="button"]

子元素选择器,直系的,用'>'来个开,比如<li>内的<em>,li>em

兄弟选择器,统一父标签之内的标签,用+号

--------------------------------------分割线---------------------------------------------------

<style type="text/css">
a:link {color: #FF0000}
a:visited {color: #00FF00}
a:hover {color: #FF00FF}
a:active {color: #0000FF}
</style>

注释：在 CSS 定义中，a:hover 必须位于 a:link 和 a:visited 之后，这样才能生效！

注释：在 CSS 定义中，a:active 必须位于 a:hover 之后，这样才能生效！