CSS构造块

来源:互联网 发布:剪切一半的数据丢失了 编辑:程序博客网 时间:2024/06/08 18:11
  • 构造样式规则
  • 为样式规则添加注释
  • 层叠:当样式发生冲突时
  • 属性的值

    HTML定义内容的含义,CSS(层叠样式表)定义外观

1.构造样式规则
样式表中的每条规则都有两个主要部分:
选择器和声明块;
选择器决定哪些元素受到影响;声明块由一个或多个属性/值对组成

示例
构建样式规则的步骤:
输入selector,这里的selector表示希望被格式化的元素。
输入{开始声明块
输入property:value;其中property是CSS属性的名称,描述要求应用哪种格式
输入}结束声明块和样式规则

每一对值对应用分号分开。

2.为样式规则添加注释
输入/*开始注释
输入注释
输入*/结束注释

注释可以包含回车,因此可以跨越多行。

3.层叠,当规则发生冲突时

应用样式有三种方法:
从一个或者多个外部文件导入
插入到文档顶部
直接应用在代码元素上(不推荐)

考虑继承,特殊性,位置等特征
继承决定了一个元素没有应用任何样式应该怎样显示,特殊性决定了应用多个规则怎样显示。id属性被认为是最特殊的,class属性数量越多特殊性越大。在特殊性一致时,晚出现的优先级高。

4.属性的值
①inherit
如果希望显式地指出该属性的值与对应元素的父元素对该属性设定的值相同,可以使用inherit
②预定义的值
例如:float: left;(无双引号)
③长度和百分数
④纯数字
⑤URL
⑥CSS颜色