qq_43751465的博客

css31.标签语义化顾名思义，合理的标签干合适的事情块级（display：block）：div 、p、h1~h6、hr、ul、ol、li、dl、dd、form、table、header、footer、main、nav、sector、arcitcle、pre、table、tbody、thead、th、tr、tfoot行级（display：inline）：a、span、small、strong、em、i、code、行内块（display：inline-block）：img、input区别：1.

margin:auto 的填充规则margin的’auto’可不是摆设，是具有强烈的计算意味的关键字，用来计算元素对应方向应该获得的剩余间距大小。但是触发margin:auto计算有一个前提条件，就是width或height为auto时，元素是具有对应方向的自动填充特性的。（1）如果一侧定值，一侧auto，则auto为剩余空间大小。（2）如果两侧均是auto，则平分剩余空间。margin：auto为什么只能实现水平居中，不能实现垂直居中块级元素即使设置了宽度，也会占满一行是因为默认的宽度规则是

行内元素：１．设置宽高无效２．设置margin，左右有效，上下无效；设置padding，上下左右都有效，即会撑大空间３．不能自动换行块级元素：１．能够设置宽高２．margin，paddin上下左右都有效３．可以自动换行４．多个块级元素，从上到下排列但是问题来了～<img>是行内元素，为什么它可以设置宽高？img确实是行内元素，但它同时也是“可替换元素(replaced element)”，也就是“内联可替换元素(replaced inline element)”，它.

一、熟悉HTML知识HTML常用元素head 部分body部分HTML重要属性检查标记(HTML、XHTML、…)Web文档规范：https://validator.w3.org/特殊：a>div（HTML5，a是transparent修改默认样式：* css reset https://meyerweb.com/eric/tools/css/reset/* {margin：0； padding：0}* normalize.css http://necol