最文艺的程序媛

标签之前的嵌套问题：1. 标签不能嵌套标签2. 行标签，不能嵌套，块标签3. 块标签，本身是可以随意嵌套，除了 可以嵌套行，不能嵌套块代码规范：1. 所有的书写都必须是英语小写2. 所有的双标签都必须闭合3. html 标签都要用tab去缩进4. 属性值必须用双引号5. ul li, ol li, dl dt dd 有父子关系的标签，配套使用

结构上分为：单标签/双标签双标签可以嵌套，而且必须闭合属性上分为：行标签/块标签行标签特点： 1. 一行显示 2.内容撑开宽高 3. 不能设置宽高和纵向margin padding 是可以设置的 4. 只能嵌套行标签（a标签不能嵌套a标签）行标签：img, input, a, strong, em斜体, span特殊的：img/input 都可以设置宽高块标签特点：

内联样式 style属性优点：1. 优先级最高缺点：1. 垃圾代码多   2. 与js有冲突   3. 不利于维护内部引入样式:(style标签)优点：1. 速度快       2. 不会给服务器造成压力缺点：1. 不利于维护     2. 不利于前后台交互外部引入样式:(link)目前主流的写法，不过需要服务器请求优点：1. 一个css可以控制多个

margin border padding content如何实现盒子居中:设置好宽度后 margin: 0 auto;通常情况下：父子关系产生边距，一般用padding去解决问题，而兄弟关系产生边距一般用margin

1.id #2.class .3.标签名 div4.群组（.div, #div2）5.后代（div p）空格6.组合（p.title） 即是P class又为title的7.伪类选择器（:hover, :after, :befor）8.全局选择器 *（通配符）style 最高， 内联样式id > class > 标签名100   10      1i

文字的样式：1.font-size 文字大小, 最小12px, 默认16px em, rem2.font-style "宋体", "微软雅黑", "楷体"3.font-family（normal默认、italic斜体、oblique倾斜）4.font-weight 100-900 默认是normal lighter bold.5.color 英文 #16进制 rgb(0-255

Documenttable{height: 570px;width: 730px;text-align: center;font-size: 14px;}.a{height: 54px;}.b{width: 106px;}.c{width: 156px;}.d{width: 80px;}姓名乔巴

六环/* #guaiyi{background: red;width: 200px;height: 200px;border: 10px solid green;padding: 20px;margin: 30px;把盒子的计算方式变成怪异盒模型 box-sizing: border-box;}*/.div1{border: 1px dashed