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

       缺点:代码复用不方便

相关文章

  • 网页编程day-39:CSS

    一、引入CSS样式与CSS选择器 1.css入门: (1)什么CSS? 1)CSS 指层叠样式表 (Cascadi...

  • css 基本

    css基本 在HTML中使用CSS(引入CSS) 样式优先级(从高到低) 选择器 没有选择器就没法确定样式的作用范...

  • 学习CSS,这些内容你都知道了吗?

    CSS介绍 引入css样式表方法 CSS选择器 CSS常用属性 CSS介绍: CSS全称是(Cascading S...

  • CSS介绍

    CSS简介 CSS基础选择器 CSS字体属性 CSS文本属性 CSS的引入方式 CSS简介 CSS是层叠样式表(C...

  • CSS

    引入CSS 1.行间样式 2.页面级css 3.外部css文件lesson3.css .html 选择器 css文...

  • 微信小程序样式基础

    样式选择器 基本选择器 CSS伪类选择器 http://www.w3school.com.cn/css/css_p...

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

    CSS是英文(Cascading Style Sheets)的缩写,中文意为层叠样式表,是前端三大基本技术之一。其...

  • 基础知识--css

    基础知识--css 目录 选择器 在html引入css的方式 css盒子模型 选择器Selectors 基本选择器...

  • CSS

    CSS基本语法及页面引用 CSS基本语法 css定义的方法是:选择器{属性:值;属性:值;}选择器是将样式和页面元...

  • css

    三种引入方式 行间样式:style。里面直接写的就是css 页面级css 中的 外部css文件 css选择器 i...

网友评论

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

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