CSS语法
1.格式:
选择器 { 样式1;样式2;}
2.CSS简单属性
width:宽度,单位px;
height:高度;
color:前景色,文字的颜色;
background-color:背景色;
font-size:字体大小;
3. CSS注释:不能嵌套
单行注释:/* 注释内容 */
多行注释:
/*
* 多行的注释
* 常用表示方法
*/
4.CSS选择器
所有标签选择器:* { }
标签选择器:p { } div { }
ID选择器:#+id名 { }
类选择器:. +类名 { }
复合选择器:
①标签指定式选择器:(不建议使用)
标记选择器.类别选择器:h3.class { 样式 }
两个或多个不同的选择器用不同的方式组合而成。
②后代选择器:(包含选择器)
父标签类名/ID名+空格+子标签名 { 样式 }
③并集选择器:
多个选择器用逗号连接:h1,h2,p { 样式 }
④子元素选择器:
选择器h1>strong,不可选择孙子元素,仅限父子两个元素
5.注意事项
*是通配符选择器,优先级高于继承,会覆盖继承。
HTML标签的ID选择器只能在一个文本中应用一次。
一个标签类属性可有多个值,值之间用空格隔开。
6.HTML标签ID属性值的命名规范
名字只允许由字母(大小写均可,严格区分)下划线,数字组成;
只允许字母开头;
命名长度没有限制,要有含义,不建议太长;
不允许出现标签名。
7.ID选择器和类选择器的区别
相同的class属性值,可以在HTML中出现多次,ID属性值在页面中只能出现一次;
一个class属性可以有多个值,即一个标签可以有多个类;
建议尽量使用类选择器。