CSS基本选择器与CSS样式引入

CSS是英文(Cascading Style Sheets)的缩写,中文意为层叠样式表,是前端三大基本技术之一。其作用是对html起渲染和修饰的作用。而其中以选择器为基础,今天就为大家介绍一些基本选择器。

基础选择器:

1.*:通配选择器,遍历文档中的所有标签,无论你这

个标签有没有写,有没有在文档中出现,对网页性能有一定的影响

2.标签名选择器:作用于一类标签

适用场景:body,重置某类标签的默认样式如a标签h1等标签

3.群组选择器:选择器1,选择器2,选择器3

4.类选择器:.类名称(类名:不要以数字开头 尽量要有意义 多个单词建议使用_连接)

5.后代选择器:选择器1 选择器2 选择器3(选择器1 2 3 为父子级关系)

CSS样式引入

CSS样式引入有三种方式:

1.行间样式:行间样式的优缺点

优点:不会额外的产生请求

缺点:1.容易产生重复的代码,造成文档体积变大

           2.不利于维护

           3.不符合结构与样式分离的规范

          综上所述:不建议使用行间样式

2.外部样式:外部引入css的优缺点:

优点:1.利于后期维护

           2.可以重复使用

           3.完全实现结构与样式的分离

缺点:会产生额外的请求(但是我们可以借助工具抹平这个缺点)

3内部样式:1.不会产生额外的请求

                     2.初步实现结构与样式的分离

                     3.适合单页面网站应用(移动端应用)

       缺点:代码复用不方便

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值