第8章 操作样式表

2018-03-01 18:04:02 《HTML5与CSS3基础教程》笔记 阅读: 123 评论:

[TOCM]

使用样式表的三种方式

  1. 链接到外部样式表
    使用link标签:
    <link rel="stylesheet" href="url.css" />
    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"表示用于所有,还有其它的一些预设值

借鉴

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


功能
最新评论