css引入与css选择器

一、CSS引入方式有三种:行间样式、内部样式、外部样式

1.行间样式的优缺点:(1)优点:不会额外的产生请求

                                   (2)缺点:容易产生重复的代码,造成文档体积变大;不利于维护;不符合结构与样式分离的规范;

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

2.CSS内部样式:在html文档中开辟一个书写CSS语句的区域

  内部样式的优缺点:(1)优点:不会产生额外的请求;初步实现结构与样式分离;

                                  (2)缺点:代码复用不方便;适合单页面网站应用;

3.CSS外部样式的优缺点:(1)优点:利于后期维护;可以重复使用;完全实现结构与样式的分离;

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

二、CSS选择器

基础选择器

1.通配选择器:*{} 作用于所有标签,无论这个标签有没有写,有没有在文档中出现

2.标签选择器:标签名{} 作用于一类标签,方式是通过标签名称,

   使用场景:重置某类标签的默认样式

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

   使用场景:用于优化代码,减少文档体积

4.类选择器:类名{}

   使用场景:可以应付各种场景,是我们最常用的一种选择器。class名可以有多个,多个class名用空格隔开。主要作用于具有相同样式的元素设置上。

注意:class命名规范:不要以数字开头;尽量取得有意义;多个单词建议使用"_"连接

5.后代选择器:选择器1 选择器2 选择器3 ...{}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 7,493评论 0 30
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,737评论 19 139
  • 昨晚跑步过程中,突然一个女性朋友打来电话,说是在喝酒,让我帮忙去把车给开回来。其实对于这种事情,只要有空的话,我...
    漂泊的穿阅读 1,865评论 2 0
  • Why can't you stay? I can't beat it. 海边的曼彻斯特.Manchester.b...
    wen_a阅读 1,683评论 2 1