第7章 CSS构造块

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

样式表构成

样式表由一些规则构成,每条规则由:选择器(selector)和声明块(declaration block)两部分组成, 如:

body>ul{
    padding: 0;
    margin: 0;
}

选择器决定哪些标签将使用这些规则

声明块由一些 属性-值 对构成,他们就是具体的样式规则

样式表文件中的注释

使用 /* 开始注释, */结束注释

继承

标签的包含关系构成了标签之间的继承关系,这些继承关系会影响到css样式, 也就是说css样式也可以继承

样式的优先级

当多条规则定义同一个标签时,这时候就会出现冲突,优先级则有起作用

首先应用特殊性高的样式声明,特殊性相同时则根据规则出现顺序,后出现的优先级高,而!important是最高的规则

属性值

属性值类型有预定义值、数字、整数、相对值、百分数、URL或者颜色

URL使用:url(URL地址)

CSS颜色格式:

  • RGB格式:color: rgb(r, g, b)
  • 十六进制格式:color: #rrggbb
  • RGB格式:color: rgb(r, g, b)
  • RGBA格式:property: rgba(r, g, b, a),a表示透明度(0-1)
  • HSL格式:property: hsl(h, s, l),H、S、L分别表示色相(hue,0-360)、饱和度(saturation,0-100%)、亮度(lightness,0-100%)
  • HSLA格式:property: hsla(h, s, l, a),a表示透明度(0-1)
  • 颜色名:HTML4.0仅支持16种颜色名:
    aqua(浅绿)、black(黑)、blue(蓝)、fuchsia(紫黑)、gray(灰)、green(绿)、lime(黄绿)、maroon(褐红)、 navy(深蓝)、olive(茶青)、purple(紫色)、red(红)、silver(银)、teal(青)、white(白)、yellow(黄)

html5则很多,但建议如果使用其它颜色的话,使用十六进制的颜色值。

本文标签: HTML CSS

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

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