css的学习1
css:全称是cascading style sheet层叠样式表又叫级联样式表或样式表。
css的作用:为html元素定义样式,能够实现内容与表现的分离,提高程序的可重用性和可维护性。
其中重用性:表示可以让多个元素使用相同的样式; 维护性:表示一个元素飞样式改变,其他的元素可以跟着变
css样式表主要是由两部分构成:选择器{样式}
css中常用的属性:
对于文本:
font-size:字体大小。必须要加单位
font-weight:bold;字体加粗
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,通用选择器:
格式:*{
样式;
}
注意:层级最低,匹配页面上所有的标签,效率不高
posted on 2017-07-02 23:06 lorraine.liu 阅读(89) 评论(0) 收藏 举报
浙公网安备 33010602011771号