HTML与CSS的一些知识（三）

CSS：

　　1、三大样式：行内（内嵌）、内部（内联）、外部（外联）；基本都知道。

　　2、三大特性：

　　　　a、继承性：父级样式会被子级继承（！important不会被继承，<a></a>标签写了href属性不会继承父级的color属性）

　　　　b、层叠性：样式发生冲突时，会覆盖之前优先级低的样式

　　　　c、优先级：！important > 行内样式 > #id > .class > 标签 > 通配符 > 继承

　　　　　　　　　　虽然 #id 比. class 优先级高，但是一般写CSS样式不要用#id

　　3、选择器：

　　　　标签选择器、id选择器（不要常用）、类选择器、通用选择器（不要正式用）、后代选择器……

　　　　选择器的优先级是可以叠加用（.class名   标签名{}>.class名{}）

　　　　子选择器 ： 父级选择器 > 子级选择器 {}　　就是只对该子级有用，子级之后的后代无效

　　　　通用兄弟选择器 ：元素名~兄弟名{}　　对该元素之后的同级兄弟元素有用

　　　　相邻兄弟选择器 ：元素名+兄弟名{}　　必须是同时满足相邻（该元素后第一个标签）且同级才能生效

　　　　交集选择器 ：元素名.class名（#id名）{}　　必须是这个元素名且是这个class名（ID名）才能生效

　　4.CSS常用的属性：

　　　　背景background、填充padding、外边距margin、边框border都不能被子级继承。

　　　　padding设置后会改变元素大小，所以设置后要相应减去；也可以通过box-sizing属性来设置

　　　　margin-top在使用时，有可能会遇到子级的margin-top值会影响到父级，为了消除这个影响，可以：

　　　　　　　　a.不用margin用padding

　　　　　　　　b.给父级用border

　　　　　　　　c.给父级一个　　overflow:hidden　　

　　　　　　　　d.浮动或定位

　　　　　　　　e.父级名：before{content：“”；display：table；}

　　　　margin的外边距塌陷，在垂直方向上，上下边距会合并取最大值