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颜色
阅读全文
0 0
- CSS构造块
- CSS 构造块级元素
- Css基础学习(三)—构造块
- 构造块
- 构造块/静态代码块
- 静态块和构造块
- 普通代码块 静态块 构造块
- 构造函数、构造代码块
- 构造函数、构造代码块
- 构造函数、构造代码块
- 构造代码块
- 构造CR块
- 构造代码块
- UML基本构造块
- 构造代码块
- 构造代码块
- 构造代码块、equals
- 构造代码块
- PDO方式操作MYSQL的使用
- 进程间通信-消息队列
- 二叉树前序、中序、后序遍历相互求法
- RabbitMQ的应用场景以及基本原理介绍
- js li tab 跳转样式变化
- CSS构造块
- Maven项目的GroupID和ArtifactID
- 凸包 hdu1392
- 解决手机自带浏览器上,用rem单位,内容超出屏幕宽度问题!(rem计算不准)
- 12、二叉树的实现及应用-表达式处理
- hdu 1213 基础并查集
- python -m 与 pybot ,结合robot库,采用robotframework框架运行脚本
- 文章标题
- 进程间通信-共享内存