css用来美化页面、布局
样式表能实现内容与样式的分离，方便团队开发
方便统一定义格式，修改也方便
<div style="border:red solod 1px; height:200px;"> 层， 块元素
<span style="border:red;"> 根据内容变化层 非块元素
常见的属性
属性 css名称 说明
边界属性 margin-top 设置对象的上边距
margin-right设置对象的右边距
margin-left设置对象的左边距
margin-bottom设置对象的下边距
边框属性 border-style 设置边框的样式
border-width 设置边框的宽度
border-color设置边框的颜色
填充属性 padding-top设置内容与上边框之间的距离
padding-right设置内容与右边框之间的距离
padding-left设置内容与左边框之间的距离
padding-bottom设置内容与下边框之间的距离
样式选择器
#id-- 表示Id选择器，通特指的某个元素上使用常在特定或者特指的某个元素上使用
<style type="text/css">
#one{ font-weight:bold; }
#two{ font-size:30px; color:#009900; }
</style>
<body>
<p id="one">ID选择器1</p>
<p id="two">ID选择器2</p>
</body>
div--表示的是标签选择权，通常用在很多相同标签上，希望这些标签都使用一个样式
<style>
div { color：red；font-size：25px；}
</style>
<body>
<div/>
</body>
.class -- 表示的是类选择器，通常用在不同的标签上，一般是几个标签（不同）应用同一个样式
<style type="text/css">
.one{color:red;font-size:18px; }
</style>
<body>
<p class="one">class选择器</p>
</body>级别 Id选择器〉类选择器〉标签选择器
脱离文档流
相对定位
position: relative;
相对自己原来位置脱离
绝对定位
position: absolute;
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
