最文艺的程序媛

标签之前的嵌套问题： 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.标签名 div 4.群组（.div, #div2） 5.后代（div p）空格 6.组合（p.title） 即是P class又为title的 7.伪类选择器（:hover, :after, :befor） 8.全局选择器 *（通配符） style 最高， 内联样式 id > class > 标签名 100   10      1 i

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

Document table{ 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