css语法

CSS概念
层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言
层叠的两个概念
层面(四个)
系统浏览器默认样式、外部的样式(link)、内部的样式(style标签)、内嵌的样式(style属性)
PS：

优先级的原则：就近原则.
* 一般使用外部的样式 提高效率,可维护性
层级(DOM)
通常存储在样式表中：
作用：解决内容与表现分离的问题(MVC模型,model：html,view：css,control：javascript)
语法
selector(declaration1;declaration2;…declarationN)
PS：h1{color:red;font-size:14px;}
颜色值的三种表达式：常量(red)【测试、调试】、rgb(0,0,0)、十六进制(#ffff00)【常用】
选择器
类型
标签名选择器 标签名
ID选择器 #id名 当我们明确的确定这个元素整个页面只有一个的时候
类选择器(class) .类名
后代选择器
命名规范
由数字、字母、下划线构成(css命名支持”-“)
不能以数字开头
继承
默认情况下(在子元素没有设置某个样式属性的前提之下,会继承父标签的该样式属性)
除了超链接标签(a)不会继承父容器的color
h1-h6不会继承父容器的font-size
……
优先级
样式越具体,优先级越高
类型为主导(id>class>标签),选择器指向的目标看上去越少,就优先级越高
!important(重要的)
CSS伪类
css伪类用于向某些选择器添加特殊的效果
a:link 未访问的链接
a:visited 已访问的链接
a:hover 鼠标移动到链接上
a:active 选定的链接
注释的规范
html注释的规范

css注释的规范
/*
div{font-size:24px;}
*/
javascript注释的规范
//var i = 0; 单行注释
/*
document.getElementById(“text”);
*/ 文档注释、多行注释
常见英语单词：
style【样式】
link【链接】
type【类型】
reference【引用】
font【字体】
size【大小、尺寸】
color【颜色】
class【种类】
weight【重量】
family【家庭】
background【背景】
important【重要的】
selector【选择器】
identity【唯一标识】