CSS部分基础

CSS部分：

语法：

1.权值：

标签，伪元素=1，

类，伪类，属性选择符=10

ID选择符=100

继承=0.1

权值可相加，同一元素设置不同样式，启用权值高者

层叠：权值相同用最接近元素者，未覆盖的属性会被继承启用

！important最高权值： p{color.red!important;}

用户自设样式>网页设计样式>浏览器默认样式

2.示例代码：

 p{color.red!important;}

括号内的就是"声明"

多条声明用";" 分隔并换行(最后一条也要，为了修改方便)

p- 选择符(器)   color:blue-  样式

color-属性

blue-值

浏览器私有属性：

chrome/safari:-webkit-

firefox:-moz-

IE:-ms-

opera:-o-

3.继承：

某些样式对后代也有效(如颜色)

(边框，background,position无继承) - inherit属性为no

强制继承：att:inherit;

例子：

其子元素行高与其相同(先计算再继承)  line-height:300%

其子元素行高为子元素字体大小的3倍(先继承再计算)   line-height:3

4./* 注释*/

5.层叠：

外部式： <link href="xxx.css" rel="stylesheet" type="text/css">

嵌入式： <style type="text/css"> </style>

内嵌式： <p style="color:red;" > 文字</p>