第8章 操作样式表

《HTML5与CSS3基础教程》笔记 luoluolzb 浏览1657次

使用样式表的三种方式

  1. 链接到外部样式表
    使用link标签:

    <link rel="stylesheet" href="URL" />
    

    URL是样式表的地址,可以使用绝对地址也可以使用相对地址
    link标签写在head标签中,link标签没有结束标签
    如果多个样式表规则对同一个标签定义,按出现顺序使用最后一个样式表

  2. 创建嵌入样式表
    使用style标签将样式代码包含即可,style标签要求写在head标签中
    使用style标签和使用外部标签的规则一样,出现顺序靠后优先级高

  3. 应用内联样式
    使用style属性对标签进行格式化,多个属性值之间用分号隔开,如 style="color:red; background:url(bg.png);"
    内联样式优先级高于其他样式,除非你使用了!important标记

尽量使用第一种方式,这样有利于网页与样式的分离,其次是第二种方式,第三种方式少用,!important标记尽量不要使用,因为它的优先级太高会覆盖其它所有的样式

media属性

在link标签和style标签中使用media属性可以指定与媒体相关的样式表

属性预设值:print表示用于打印,screen表示用于浏览器,all表示用于所有,还有其它的一些预设值

借鉴

在编写样式表时可以借鉴其他人网页的样式

本文标签: HTML CSS

版权声明:本文为作者原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://luoluolzb.cn/articles/9/chapter-8-operation-style-sheet
您需要登录后才发布评论。 点此登录
用户评论 (0条)

暂无评论,赶紧发表一下你的看法吧。