html基础进阶笔记

1.按默认样式分类

块级元素：block

行内元素：inline 

inline-block :行内块元素

按内容分：可以去w3c官网去看，flow的一些分法

2.元素嵌套关系

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

2.块级元素不一定能包含块级元素：例子 ：p

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

什么是一般

a包含div是合法的

除了a元素是有些特殊的。

3.html默认的样式

1.默认的样式的意义：

2.默认样式带来的问题：

3.css Reset

解释：

1.浏览器是有默认的样式的，比如你写一个网页，div，然后ul li 然后里面加一些文字，点击运行然后在页面会有显示在div里面的汉字是不与浏览器对齐的，浏览器默认是有8px的内边距。

其实这里面还包括列表的元素也是一样的，它都会有一个外边距,这里面所面临的也是默认样式的一些问题所在。

　　<div>123</div>
    <ul>
        <li>你好</li>
        <li>世界</li>
    </ul>

你可以把代码复制进去然后打开浏览器点击f12审查元素看看里面的情况。

3.css reset:市面上有的比如有雅虎的，我们管它叫做css初始化样式，可以自行百度吧，还有就是这个官网默认的那个百度，下面的代码也是我们最常见的一种写法了。

 * {
       margin: 0;
       padding: 0;
   }

其实现在还有一种就是叫做normalize.css