1. 创建CSS
1).写在head内
2).引入外部
3)。标签内
<style>
……
</style>
<link rel="stylesheet href="URL">
<div style="color:red;"></div>
2. 注释
/* */
3. 选择器
id选择器:
#:开头id;(唯一)
class选择器:
.:开头class;(多个)
标签选择器:
div{}
后代选择器
选择器 选择器{}
并集选择器
选择器,选择器{}
属性选择器
选择器[属性 =‘值’]{}
ps:优先级,标签上的style优先,编写顺序,自上往下
4. 边框border
border:1px dotted red; //像素,样式,颜色
也可以给某一条边设置
5.
height:高度
width:可以用百分比,像素
text-align :水平居中
vertical-align :垂直方向根据标签高度居中
line-height:垂直居中(推荐)
font-size:字体大小
font-weight:字体加粗
color:字体颜色
6. 漂浮:float
让标签飘起来,块级标签也可以堆叠
如果父元素没有被撑起来(父亲不能控制儿子),加上:
<div style="clear:both;"></div>
7. display
转换为块级:块级可以设置
display:block;
转换为行内:行内元素无法设置宽度,高度,padding,margin
display:inline;
行块属性:有默认的高度宽度,也可以设置
display:inline-block;
让标签消失:
display:none;(JS用于消失,显示)
8. padding margin(0,auto)
padding:内边距
margin:外边距
margin:0 auto;