热门关键字:
jquery > jquery教程 > jquery教程 > css的理解以及选择器的使用

css的理解以及选择器的使用

234
作者:管理员
发布时间:2020/9/29 0:48:23
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=2650

讲下css的使用

CSS:负责页面的美化和布局的控制

1.概念:Cascading Style Sheets 层叠样式表

层叠:多个样式可以作用在同一个html的标签上,同时生效。

css的理解以及选择器的使用


css的理解以及选择器的使用


css的理解以及选择器的使用


css的理解以及选择器的使用


css的理解以及选择器的使用


4.CSS语法:

格式:

选择器{

属性名1:属性值1;

属性名2:属性值2;

}

选择器:筛选具有相似特征的元素。

注意:

每一对属性需要使用;隔开,最后一对可以不加。(一般都加)

5.选择器: 筛选具有相似特征的元素。

分类:

1.基础选择器

1.id选择器:建议在一个html中id值唯一。

语法:#id的属性值{}

2.元素选择器:选择具有相同标签名称的元素。

语法:标签名称{}

3.类选择器:选择具有相同的class属性值的元素。

语法:.class属性值{}

注意:类选择器的优先级高于元素选择器。


2.扩展选择器

css的理解以及选择器的使用


link是初始状态

css的理解以及选择器的使用


6.属性

css的理解以及选择器的使用


css的理解以及选择器的使用


css的理解以及选择器的使用




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:css
友荐云推荐