趁着年轻，多学学

基本术语 元素 元素是文档结构基础。 p table span a div... 替换和非替换元素 替换元素：替换元素内容的部分 img input 非替换元素：p h span... 元素显示角色 块级元素(block-level) 和行内(inline-level)元素。 块级元素：默认会填充父元素的内容区，旁边不能有其他元素。 p div ol ul等。 行内元素：在一个文

元素选择器 html{color:black;} h2{color:gray;} h1{color:silver;} 分组 选择器分组 分组用，分隔开 h2, p{color:gray;} 通配选择器 * *{color:red;} 类选择器和ID选择器 类选择器.   Title *.wa

继承(inheritance)：是一个元素向其后代元素传递属性值所采用的机制。确定应当向一个元素应用哪些值时，用户代理不仅要考虑继承，还要考虑声明的特殊性，另外需要考虑声明本身的来源。这个过程称作层叠(cascade)。 特殊性 权重 选择器的特殊性：特殊性值（权重）:0000 ID:                                       0100类属性、属性选

关键字 none 去除下划线栗子： a:link,a:visited{text-decoration:none;} none栗子 inherit 所有属性共有的关键字：inherit 继承父元素的时候使用 #toolbar {background:blue;color:pink;} #toolbar a{color: inherit;} 测试inherit 继承颜色为

字体 font-family 主要介绍两个：Serif字体和Sans-serif字体 #serif-type{font-size:40px;font-family:serif;} #sans-serif-type{font-size:40px;font-family:sans-serif;} 这是一段 serif 的字体 ； this is serif，看着像宋体 细又长 这是一段 sans-

c

正常流：大多数元素都在正常流中，浮动或定位元素就不在正常流中了。 完整盒模型图，见P179 记住height width是不包含padding更别说说border了  水平格式化 水平格式化：width影响的是内容区的宽度，而不是整个可见的元素框。 可见元素框的宽度是220px，整个元素框的宽度为260px 水平属性 margin-left、border-left、padding-

宽度和高度 宽和高不能应用到行内非替换元素。 width和height应用于块级元素和替换元素。 内边距和外边距 margin:t r b l; 百分数值定义为相对父元素的width，不仅应用于左右外边距，也应用于上下外边距。 简写： margin:t r l; margin:t r; margin:t; margin-top margin-right margin-botto