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.适合单页面网站应用(移动端应用)

       缺点:代码复用不方便

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,805评论 1 92
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 2,663评论 0 30
  • CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器...
    百作不死的学习阅读 1,215评论 0 7
  • 一、CSS引入方式有三种:行间样式、内部样式、外部样式 1.行间样式的优缺点:(1)优点:不会额外的产生请求 ...
    浅夏_cd06阅读 239评论 0 0
  • 某天刷微信订阅号“Y市爆料”,Y市就是家那边。头条是:某酒店拖欠农民工工资,附上照片,酒店外墙贴着白底黑字的横幅,...
    Aricha阅读 117评论 0 0