HTML 基础

1、元素分类

　　（1.1） 按默认样式分

　　　 块级 block

　　　　默认占据整行

            行内(内联) inline

　　　　不会独占一行，不一定有规则形状。与文本相关的元素。

            inline-block

　　　　对外与其他元素和谐相处，对内有自己的尺寸，宽高。

　　　　常见的是一些表单元素。

       （1.2） 按内容分

　　　　Flow、Heading、Sectioning、Interactive、Embedded、Phrasing、Metadata

2、HTML元素嵌套关系

　　规则如下：

　　 　　块级元素可以包含行内元素

        　　块级元素不一定内包块级元素（p 不能包含div元素）

　　　　行内元素一般不能包含块级元素 

　　　　　　H5中a元素可以包含块级元素? 不一定适合法的，取决于a的外层元素是什么 

　　　　　　<p><a><div></div></a></p>

HTML元素默认样式

　　默认样式的意义

　　默认样式带来的问题

　　CSS Reset

　　　　yahu /   normalize.css

CSS 选择器

　　用于匹配HTML元素

　　匹配规则

　　分类和权重

　　　　ID (100) >  类 属性 伪类（10）.>  元素 伪元素  +1  > 其他 （0）

　　　　计算一个不进位的数字

　　　　!important 优先级最高

　　　　元素属性 优先级高  style = ‘’

　　　　相同权重，后写的生效

 

　　解析方式和性能

　　　　从右往左，并非从左到右

　　选择器分类

　　　　元素选择器  a { }

　　　　伪元素选择器 ::before，是真实的元素

　　　　类选择器 .link {}

　　　　属性选择器 [type=radio] { }

　　　　伪类选择器  ：hover { }  是一种元素的状态

　　　　ID选择器 #id { }

　　　　组合选择器 [type=checkbox]+ label { }

　　　　否定选择器 :not(.link) { }

　　　　通用选择器 * { }