css:全称是cascading style sheet层叠样式表又叫级联样式表或样式表。css
css的做用:为html元素定义样式,可以实现内容与表现的分离,提升程序的可重用性和可维护性。html
其中重用性:表示可让多个元素使用相同的样式; 维护性:表示一个元素飞样式改变,其余的元素能够跟着变字体
css样式表主要是由两部分构成:选择器{样式}spa
css中经常使用的属性:htm
对于文本:it
font-size:字体大小。必需要加单位io
font-weight:bold;字体加粗class
color:字体颜色效率
font-family:字体基础
font-style:字体样式
text-align:字体水平排列方式
line-height:字体的行高
text-decoration:文本下划线
对于“盒子”:
width:宽
height:高
background:背景
float:浮动
position:定位
border:边框
css选择器:
基础选择器:
1,标签选择器:就是以标签名做为选择器
格式:标签名{
样式1;
样式2;
}
注意:全部的标签均可以做为选择器,不管这个标签在哪一个位置必定可以选择上;选择的是全部的选择器标签,因此常常描述的是这些标签的共性,没法描述元素的个性2,
2,id选择器:
格式:#id属性值{
样式;
}
注意:任何html标签均可以有id属性,属性值能够任取但只能由字母、数字、下划线组成,必须以字母开头,不要和html飞标签名同名;id属性是惟一的标识不能出现相同的id
3,类选择器:
格式 : .class属性值{
样式;
}
注意:class属性和id很是类似,任何的标签均可以有,同一个标签能够同时属于多个类用空格隔开,class舒心能够重复的,同一个标签能够有多个类
4,通用选择器:
格式:*{
样式;
}
注意:层级最低,匹配页面上全部的标签,效率不高