1.首先说明一下html注释为 <!--巴拉巴拉-->这样，css注释为/*巴拉巴拉*/这样。
2.css全英文为Cascading Style Sheets 层叠样式表
3.css代码分为三种: A.内联样式：权重值最高（不建议使用，代码混乱）
B.内部样式：写在<head>中的<style>标签中（代码清晰）
C.外部样式：写在专门的css文件下面，在html文件中通过<link> 标签去引入
4.选择器： A.元素/标签选择器 h1{}
B.id选择器 #id{}
C.class/类选择器 .class{}
D.后代选择器 h1 div{} (子孙后代都是）
E.子代选择器 h1 > div{} （亲儿子是）有兼容性问题 css hack
F. 分组选择器 h1,div,p{}
5.选择器的权重值：
id:100 class:10 tag:1
6.盒模型：element padding border margin
设置padding时，一个数字为四周的都是，两个数字为上下,左右，三个数字为上,左右,下， 四个数字为上右下左（顺时针）
7.border：1px solid #000；solid实线 dotted点 dashed 虚线
8.标签<a>是一个链接有下划线，去掉下划线的方法是 text-decoration:none;
<style>
#div1{
width: 200px;
height: 200px;
background: #ff0;
float: left;
}
#div2{
width: 200px;
height: 200px;
background: #0ff;
clear:both;
}
</style>
<body>
<div id="div1"></div>
<div id="div2"></div>
</body>这个清除浮动是上面的元素浮动，不想让下面的元素上去而给下面元素加的属性，并不是给浮动元素本身加的属性。
592
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
