CSS知识回顾--读《CSS 那些事儿》笔记
2014-12-27 00:09
288 查看
由于之前有了解过CSS的相关知识,有了一定的基础,所以读起《CSS 那些事儿》不是很有难度,况且我现在读起来时,CSS3和HTML5比较流行,这里只是记录一些CSS知识记录,不做详细铺开,以做记录和日后翻查之用.
1.CSS的基本结构
Selector {property:value;}
由 选择符(Selector ),声明({}),属性(property),属性值(value)组成;
2.CSS的简写
颜色的简写:
有以下几种形式:
#RRGGBB(16进制),RGB(125,0,255) RGB(25%,0%,255%) (RGB函数值),red,green(颜色名称),windowtext用户系统色盘值;
单位值的省略:0的单位可写可不写,一般不写;
内外补丁的简写:
内补丁(padding),外补丁(margin)
方向由上右下左;
一个值时:所有方向都是这个值;
两个值时:上下第一个值,左右第二个值;
三个值时:上为第一个值,左右为第二个值,下为第三个值;
四个值时:按方向来(上右下左);
边框的简写
div{border:1px solid #FF0000;}
div{border-width:1px; border-style:solid dashed double;border-color:#FF0000;}
背景的简写
字体的简写
表的简写
3.CSS的选择符
通配符选择符
类选择符
ID 选择符
包含选择符
子选择符
相邻选择符
属性选择符
选择符的组合关系
伪类与伪对象
选择符的覆盖,Z继承,权重优先级问题
4.CSS引申的问题
CSS 命名规范
CSS的规划与维护管理
CSS Reset
1.CSS的基本结构
Selector {property:value;}
由 选择符(Selector ),声明({}),属性(property),属性值(value)组成;
2.CSS的简写
颜色的简写:
有以下几种形式:
#RRGGBB(16进制),RGB(125,0,255) RGB(25%,0%,255%) (RGB函数值),red,green(颜色名称),windowtext用户系统色盘值;
单位值的省略:0的单位可写可不写,一般不写;
内外补丁的简写:
内补丁(padding),外补丁(margin)
方向由上右下左;
一个值时:所有方向都是这个值;
两个值时:上下第一个值,左右第二个值;
三个值时:上为第一个值,左右为第二个值,下为第三个值;
四个值时:按方向来(上右下左);
边框的简写
div{border:1px solid #FF0000;}
div{border-width:1px; border-style:solid dashed double;border-color:#FF0000;}
背景的简写
字体的简写
表的简写
3.CSS的选择符
通配符选择符
类选择符
ID 选择符
包含选择符
子选择符
相邻选择符
属性选择符
选择符的组合关系
伪类与伪对象
选择符的覆盖,Z继承,权重优先级问题
4.CSS引申的问题
CSS 命名规范
CSS的规划与维护管理
CSS Reset
相关文章推荐
- C++笔记 day001-------基础知识回顾
- C++笔记 day002-------基础知识回顾
- css知识笔记(五)——css样式设置小技巧
- 【鸟哥的linux私房菜-学习笔记】计算机网络相关知识简要回顾
- HTML学习笔记之CSS基础知识
- 基础知识--Css学习笔记(一)
- css和javascript的一些笔记(四) xml语言基础知识
- css知识笔记(二)——盒子模型
- css知识笔记(一)——基础知识、选择器、元素分类
- 前端开发入门:html和css基础知识回顾2
- C++笔记 day003-------基础知识回顾
- 黑马程序员_java基础笔记(09)...HTML基本知识、CSS、JavaScript、DOM
- WEB标准布局(DIV+CSS)学习笔记(一)-- CSS样式基础知识
- css知识笔记(四)——代码简写、颜色值、长度值
- html/CSS基础知识回顾
- CSS零星知识回顾
- html知识回顾(html标签+css)
- CSS的知识回顾(4.8-4.13)
- CSS基础知识学习笔记
- css和javascript的一些笔记(二) js基础知识