微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

css.层叠样式表

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.伪类选择器

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。