一、学习内容
CSS的基本用法:
1.CSS(Cascading Style Sheets)层叠样式表,是一种标记语言,它可以为页面设置丰富的样式,也能实现结构和样式的分离
2.CSS的语法规范:
(1)选择器用于指定选择哪个元素,{}里面写的是对这个元素的具体样式设置。
(2)属性和属性值之间用“:”来隔开的,属性和属性值的这种形式也叫做键值对。
(3)多对属性和属性值之后要用";"来结尾。
3.CSS的基础选择器
(1)标签选择器:标签选择器是指用HTML的标签名作为选择器,按照标签的类型来设置统一的CSS样式
能快速选择页面中的某一类标签来设置样式,但是不能为同一类的标签设置差异化的样式。
(2)类选择器:差异化选择不同的标签来设置样式
- 类选择器使用“.”来定义,用class来调用,在调用的时候不要写“.”。
- 如果类名比较长,可以使用横线来进行连接
- 不要使用纯数字、中文等来进行命名,类名要有意义,尽量都使用英文字母
- 在标签中使用多个类的时候要用空格将多个类名隔开
- 可以根据自己想要的样式来调用不同的类名,类名的多少可以由自己选择
(3)ID选择器:
- 在标签中使用多个类的时候要用空格将多个类名隔开
- 可以根据自己想要的样式来调用不同的类名,类名的多少可以自己选择
- 用#来定义,用id来进行调用。
- 一个页面中同一个id选择器只能被调用一次,不能调用多次,因为id选择器中的样式一般都会比较特殊。
|