CSS

CSS Cascading Style Sheets 层叠样式表 用来定义页面元素的样式 设置字体和颜色 设置位置和大小 添加动画效果

CSS代码构成

CSS代码使用方法

选择器Selector 找出页面中的元素，以便给他们设置样式 使用多种方式选择元素 按照标签名、类名或id 按照属性 按照DOM树中的位置

CSS流程之选择器组、文本渲染

• 通配选择器 *匹配所有
• 标签选择器
• id选择器 （id值最好唯一）
• 类选择器
• 属性选择器 （[disabled]被禁用）

伪类（pseudo-classes) 不基于标签和属性定位元素 几种伪类 状态伪类 结构性伪类 四种超链接伪类

• link 定义a元素未访问时的样式
• visited 定义a元素访问后的样式
• hover 定义鼠标经过显示的样式
• active 定义鼠标单击激活时的样式

输入框 :focus状态

结构伪类:first-child 获取指定元素的第一个子节点

颜色-RGB 1 rgb( , , )数字0~255 2 #8fac87 十六进制 00~ff

颜色-HSL Hue 色相 Saturation 饱和度 Lightness 亮度 hsl( 18,91%,84%)

alpha 透明度 #ff000078 rgba(255,0,0,1) hsla(0,100%,50%,1) 为1时完全不透明 红色完全盖住

字体 font-family