前端（css）

CSS的某些样式是具有继承性的，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代，例如

p{color:red;}

<p>三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p>

（p中的文本与span中的文本都被设置成了红色）

但有一些css样式是不具有继承性的，例如

p{border:1px solid red;}

<p>三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p>

（只给p标签设置了边框为1像素、红色、实心边框线，而对于子元素span却没用起作用）

选择器优先级:内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器

权值:浏览器是根据权值来判断使用哪种css样式的，哪种css样式权值高就使用哪种

标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100

注意：还有一个权值比较特殊--继承也有权值但很低，有的文献提出它只有0.1，所以可以理解为继承的权值最低

选择器最高级!important:我们在做网页代码的时，有些特殊的情况需要为某些样式设置具有最高权值,例如，

p{color:red!important;}
p{color:green;}
<p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p>

（p 段落中的文本会显示为red红色）

设置字体:用font-family

body{font-family:"宋体";}

设置字体大小:用font-size

body{font-size:12px;}

设置字体粗细:用font-weight

p span{font-weight:bold;}

设置字体样式:用font-style

（正常字体为normal,也是font-style的默认值；italic为设置字体为斜体，用于字体本身就有倾斜的样式；oblique为设置倾斜的字体，强制将字体倾斜）

设置字体颜色:用color

                       有三种设置方法：1.英文命令颜色，例如，p{color:red;}

                                                    2.RGB颜色，例如，p{color:rgb(133,45,200);}或者                                                                                                             p{color:rgb(20%,33%,25%);}

                                                    3.十六进制颜色，例如，p{color:#00ffff;}，（较为普遍，搭配配色表使用）

font样式可简写:例如，

body{
    font-style:italic;
    font-weight:bold; 
    font-size:12px; 
    line-height:1.5em; 
    font-family:"宋体",sans-serif;
}

body{
    font:italic  bold  12px/1.5em  "宋体",sans-serif;
}

注意：1、使用这一简写方式至少要指定 font-size 和 font-family 属性，其他的属性(如 font-weight、font-style、font-variant、line-height)如未指定将自动使用默认值

           2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛