美文网首页
CSS基本选择器与css样式引入

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

作者: 经典式微笑 | 来源:发表于2017-08-17 20:36 被阅读0次

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

           缺点:代码复用不方便

    相关文章

      网友评论

          本文标题:CSS基本选择器与css样式引入

          本文链接:https://www.haomeiwen.com/subject/mpbnrxtx.html