CSS作用

修饰页面，避免不必要的HTML元素
更有效地控制页面结构、布局
提高开发和维护效率

CSS基本结构

selector {property:value;}

CSS中的注释

/*版本版权*/body
{color:#FF0000;...
}
/*将<body></body>的样式定义为...*/

CSS中的简写

颜色：#FFFFFF，#FFF，RGB(255,255,255)，RGB(100%,100%,100%)，black

单位：数值为0时单位可省略

内外补丁：value1，所有边都一样；value1，value2，上下1，左右2；value1，value2，value3，上1左右2下3；value1，value2，value3，value4，上右下左

边框：width，style，color (boder:1px solid,#FFFF00)

CSS中的选择器

* 通配符

.class 类选择符

a b 包含选择符（派生选择符，后代选择符），包含在a选择符中的b选择符

a > b 子选择符，a儿子节点中的b选择符

a + b 相邻选择符，同父元素下，与a之后的b选择符

E[attr],E[attr="value"],E[attr~="value"],E[attr|="value"]，属性选择符，分别指：具有attr属性，attr属性指为value，attr属性值为被空格隔开且存在value，attr属性值以value开始后面用横字符隔开

ID选择符

CSS中的伪类

:link,:visited,:hover,:avtive,

CSS中的伪对象

:before,:after,

CSS中的覆盖、继承、优先级别

优先级别由高至低：

标有!important关键字声明的属性
HTML中的样式属性
作者编辑的样式文件
用户设置的样式
浏览器的默认样式

优先积分：

标签选择符、伪类：1分
类选择符、属性选择符：10分
Id：100分
Style：1000分
其他，如通配符：0分
!important 其他的均被覆盖

注：本读书笔记应用《CSS那些事——掌握网页样式与CSS布局核心技术》

转载于:https://www.cnblogs.com/acjialiren/archive/2011/07/28/2120457.html

CSS那些事笔记（一入门）相关推荐

《CSS揭秘》笔记（一）
前言我们在现代 CSS 中所面临的挑战已经不在于如何绕过这些转瞬即逝的浏览器 bug.如今的挑战是,在保证 DRY ① .可维护.灵活性.轻量级并且尽可能符合标准的前提下,把我们手中的这些CSS特性 ...
HTML,CSS,JavaScript学习笔记--导航
陆陆续续花了一个月的时间,把前端三大件HTML,CSS,JavaScript的基本语法学完了,感觉还是收益颇丰的.但是其中的知识远远不止这些,以后学习的过程中在进行补充吧. HTML,CSS学习笔记 ...
读书笔记——数据压缩入门（柯尔特·麦克安利斯）下
文章目录数据压缩入门汇总第九章数据建模 9.1 马尔科夫链 9.2 部分匹配预测算法PPM 9.2.1 单词查找树 9.2.2 字符的压缩 9.2.3 选择一个合理的N值 9.2.4 处理未知的 ...
读书笔记——数据压缩入门（柯尔特·麦克安利斯）中
文章目录数据压缩入门汇总第六章自适应统计编码 6.1 位置对熵的重要性 6.2 自适应VLC编码 6.2.1 动态创建VLC表 6.2.2 字面值 6.2.3 重置 6.2.4 何时重置 6.3 ...
读书笔记——数据压缩入门（柯尔特·麦克安利斯）上
文章目录数据压缩入门汇总前言第一章概述 1.1 克劳德 • 香农 1.2 数据压缩必备知识第二章深入研究信息论第三章突破熵 3.1 理解熵 3.2 熵的用处 3.3 理解概率 3.4 ...
JavaScript学习笔记之入门篇
JavaScript学习笔记之入门篇 JavaScript引入 1. 页面级 js: 2. 外部js文件: JavaScript变量 1. 变量的作用: 2. 声明变量: 3. 变量赋值: 4. 单一 ...
mybatis学习笔记(3)-入门程序一
2019独角兽企业重金招聘Python工程师标准>>> mybatis学习笔记(3)-入门程序一标签: mybatis [TOC] 工程结构在IDEA中新建了一个普通的java项 ...
css列表格式属性,css list-style-type属性笔记
list-style-type属性定义及用法在css中,list-style-type属性是使用来设置列表项标记的类型,在有序列表和无序列表中经常都会使用该属性. 目前,所有主流浏览器都支持list ...
nginx学习笔记-01nginx入门，环境搭建，常见命令
nginx学习笔记-01nginx入门,环境搭建,常见命令文章目录 nginx学习笔记-01nginx入门,环境搭建,常见命令 1.nginx的基本概念 2.nginx的安装,常用命令和配置文件 3 ...

CSS那些事笔记（一入门）