码迷,mamicode.com
首页 > Web开发 > 详细

css.层叠样式表

时间:2019-01-26 18:49:34      阅读:336      评论:0      收藏:0      [点我收藏+]

标签:选择   控制   网页   伪类   sheet   属性选择器   html   导入   层叠   

css:用来控制网页数据的表现,可以使网页的表现与数据内容分离。

一、css的四种引入方式

1.内行式:是在标记style属性中设定css样式,(这种方式没有体现出css的优势,不推介使用)

2.切入式:将css样式集中写在网页的<head></head>标签对<style></style>标签对中。

     格式如下:<head>

          <style type="text/css">

          此处写css样式

          </style>

          </head>

3.导入式:讲一个独立的.css文件引入HTML文件中,导入式使用css规则引入外部css文件,<style>标记也是写在<head>标记中

     使用语法如下:<style type="text/css">

              @import "mystyle.css",(此处需注意css的文件路径)

            </style>

4.链接式:将一个css文件引入到HTML文件中,<link href=“mystyle.css” rel="stylesheet" type=“text/css”/>

    注意:导入式会在整个网页装载完后再装载css文件,因此这会导致一个问题,如果网页比较大则会出现先会显示无样式的页面,闪烁一下才会出现网页的样式。这是导入式固有的一种缺陷。

       使用链接式时与导入不同的是他会以网页文件主体装载前装载css文件,因此显示出来的网页从一开始就带样式效果的,它不会像导入式那样,这就是链接式的优点。

二、css的选择器(seceltor)

  “选择器”指明了{}"样式"的作用对象,也就是“样式”作用于网页的哪些元素

  1.基础选择器

  2.组合选择器

  3.属性选择器

  4.伪类选择器

 

css.层叠样式表

标签:选择   控制   网页   伪类   sheet   属性选择器   html   导入   层叠   

原文地址:https://www.cnblogs.com/jacky912/p/10324296.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!