首页 > Web开发 > 详细

css.层叠样式表

时间:2019-01-26 18:31:27      阅读:286      评论:0      收藏:0      [点我收藏+]

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.层叠样式表

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!