CSS选择器

标签选择器

使用HTML的某个标签名称作为CSS的样式选择,为某一个标签内指定样式。

标签名 {

属性1:属性值1;
属性2:属性值2;
……

}

标签选择器将改变所有相同标签内的样式。

 

类选择器

如想选择不同标签,例如只给某几个<p>标签指定样式。只选一个或者某几个,可使用类选择器。


.类名 {

属性值1:属性值1;

属性值2:属性值2;

}

例:

.类名 {

属性值1:属性值1;

属性值2:属性值2;
}

<p class=“类名”>123456</p>

给多个标签指定相同样式,需要在每个标签内指定样式类名。

多类名

同意标签内使用多个类名。

.类名1 {

属性:属性值1;
}

.类名2 {

属性:属性值1;
}

<p class="类名1 类名2">

标签使用多类名,类名之间必须用空格空开,不可连写。

ID选择器

为特定的某个标签定义特殊样式

#id名 {

属性:属性值1;
}

<p id="id名">123456</p>

id选择器与类选择器的区别:一个id名,一个页面仅可以调用一次,其他标签不可以再次调用相同id名。如需再次调用相同样式,就只能写一个不同的ID名和相同的样式值来再次调用。

 

通配符选择器

选取页面中所有元素(标签)并指定其样式。

* {

属性:属性值1;

}

 

 


站内资源声明

本资源仅用于个人学习收藏欣赏,禁止任何其他行为的使用

  1. 1、本网站名称:H5宝库
  2. 2、本站永久网址:https://www.h5bk.com
  3. 3、游客请注册本站用户后,再下载资源。本站暂不开放第三方登录,请牢记自己的注册邮箱,以便找回密码。
  4. 4、坚持【每日签到】可获得站内积分,积分可免费兑换站内精品资源和更多服务。
  5. 5、本站资源来源于互联网收集/个人购买,如有内容侵犯到您的权益,请查看【版权声明】
  6. 6、本资源和内容来自互联网搜索,仅允许个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业环境,任何人不得擅作它用,否则后果自负!请在下载24小时内删除!为尊重作者版权,请购买原版作品,支持你喜欢的作者,谢谢!
  7. 7、本文资源和内容,仅供站长个人学习测试使用。站内资源不保证任何完整性和安全性,请自行检查。站内资源不包含任何技术服务,请大家谅解。有问题留言讨论!

为作者充电
人已赞赏
电脑软件软件工具

Word文档批量处理Batchdoc

2021-4-25 20:40:26

CSS

CSS 为标签设置字体

2021-1-29 19:11:53

0 条回复 A文章作者
    暂无讨论,说说你的看法吧

解锁会员资源

开通会员

解锁海量优质VIP资源

立即开通

个人中心
购物车
优惠劵
今日签到
搜索