css基础1-下划线、文本阴影、选择器、继承性、层叠性（数权重）

• html是超文本标记语言 从语义的角度描述页面结构
• css是层叠样式表 从审美角度负责页面样式

• js javascript 从交互的角度你描述页面的行为

• normal是正常的意思，不加粗，不倾斜

font-weight: normal;
font-style: normal;/*快捷键fsn*/

• 下划线

text-decoration: underline;/*添加下划线 快捷键tdu*/
text-decoration: none;/*去掉下划线 快捷键tdn*/      

• 文本阴影（CSS3内容，IE6、7、8不兼容）

text-shadow: 3px 3px 4px #000;/*阴影在x轴向右移动的距离 Y轴向下移动的距离 阴影模糊程度 阴影颜色*/

• 交集选择器 (IE7开始兼容)
  选择div标签，并且有box类的div标签。

div.box {color:red;}

• 儿子选择器（IE7开始兼容）
  只选择儿子，孙子不选择。

div > p {
 color: red;
}

• 序选择器（IE8开始兼容，IE6、7都不兼容）
  如果要兼容到IE7等，得自己写类名。

ul li:first-child {
  background-color: red;
}
ul li:last-child {
  background-color: red;
}
ul li:nth-child(4){/*从1开始数，第四个变红色*/
  color: red;
}

• 下一个兄弟选择器（IE7开始兼容）

h3+p {/*选择h3的兄弟p,是紧挨着h3的第一个兄弟p*/
  color: red;
}

• 继承性（Inherited）：有一些属性，当给自己设置的时候，自己的后代也都继承上了，这个就是继承性。color、text-开头的、line-开头的、font-开头的。这些关于文字样式的属性都能够继承。
  关于盒子的、定位的、布局的属性都不能继承。

• 层叠性：就是css处理冲突的能力
  数权重：数权重之前看一下是否选中了文字所在的最内层标签。
  如果选中，分别数一下几个id、几个类、几个标签。一个id记为100，一个类记为10，一个标签记为1，然后看一下谁总和大，谁的权重就大，就用谁的样式。如果权重一样大，看css谁写在后面听谁的。
  如果没有选中，通过继承而来的权重是0，看html中标签或者类、id，谁离元素最近就选择谁的样式。如果都一样近就看权重。（就近原则）
  如下：

<style>
  #box {color: red;}
  p {color: blue;}
</style>
<div id="box">
  <p>你好</p>/*蓝色，因为#box没有选中p标签*/
</div>

• ！importent权重最大。但无法提升继承的权重，继承是0，添加！importent之后还是0。不影响就近原则的使用。

p {
  color: blue !important;
}