一、CSS注释
1./* */ 单行注释,且注释不能嵌套
2. /*
*/
多行注释
且常用写法为每一行首加星号.
二、CSS选择器
1.所有标签选择器* {}(通配符选择器)常用:* {margin:0; padding:0; }
标签选择器p {}div {}
ID选择器#head {} ID值在当前页面必须是唯一的.
类选择器.head {} 标签可以包含多个类选择器,在class标签中用空格隔开。
2.ID命名规范:
1)只允许出现字母(大小写均可,严格区分) 、下划线、数字。
也就是说,id=”laoHe”和 id=”laohe”不冲突
2) 只允许以字母开头
3) 命名没有长度限制,可以是 1 个字母,也可以是很多个。不过不建议太长。
4) 不允许出现标签名(不是硬性规定,是有工作经验的表现)�
3.相同的Class属性值,可以在HTML中出现多次。ID属性值在页面中只能出现一次。
一个class的属性可以有多个值,也就是说一个标签可以有多个类。
建议大家尽量使用类选择器。使用ID时候情况:当确实能唯一确定当前页面中标签只会出现一次,这时候可以使用ID选择器。
如果不能保证相同的作用的标签在页面中只出现一次,那么这时候就选择使用类选择器。
4.不是很推荐使用
标签指定式选择器5.后代选择器
后代选择器用来选择元素或元素组的后代,其写法就是把外层标记写在前面,内层标记写在后面,中间用空格分隔。当标记发生嵌套时,内层标记就成为外层标记的后代。
后代不仅仅包括儿子,还包括子子孙孙。
注意:后代选择器可以从左向右理解。但是真正浏览器在执行的时候是从右向左进行执行过滤的。
6.并集选择器
各个选择器通过逗号连接而成的,任何形式的选择器(包括标记选择器、class类选择器id选择器等),都可以作为并集选择器的一部分。如果某些选择器定义的样式完全相同,或部分相同,就可以利用并集选择器为它们定义相同的CSS样式。
7.子代选择器
让CSS选择器智能选择儿子辈的元素。
例如:h1 > strong {color:red;}
解读为:选择器h1 > strong可以解释为“选择作为h1元素子元素的所有strong元素”。
尖括号和选择器之间可以有空格也可以没有,没有限制。
建议:选择器和尖括号间有空格。
8.
网友评论