愚蠢的胡晓

给元素设置了float属性后脱离了文档流，不占据位置，所以其父级无法将其包裹，需要清除浮动。 .box { border:1px solid black; } .item { width: 200px; height: 200px; float:left; }

块元素： 默认独占一行 没有宽度时，默认撑满一行 支持所有CSS命令 内嵌（内联、行内）： 同排可以继续跟同类的标签 内容撑开宽度 不支持宽高 不支持上下的margin 代码换行被解析 inline-block： 块在一行显示； 行内属性标签支持宽高； 没有宽度的时候内容撑开宽度

HTML导入外部样式表有link标签和@import两种方式，它们有很多方面的不同link： link标签必须放在head中，不能放在其他元素内部； link链接的样式表中不能有其他标记语言，只能有样式规则，样式表内部不能嵌套样式表； link标签属于html标签，没有兼容问题； link可以定义候选样式表，将rel属性设置为alertnate style，由用户自行选择样式，使用title属性生成

1.元素选择器：p、h1、img、a……2 通配选择器：*3.类选择器与ID选择器：.class  #class4.属性选择器： 简单属性选择：选择有某个属性的元素，而不论属性值是什么，例 h1[class] {color:red;} 根据具体属性值选择，这种格式要求与属性值完全匹配： a[href="apple.jpg"] {border:1px solid red;} 根据部分属性值选择：~