类选择器与id选择器的使用与区别

类选择器
类选择器使用“.”(英文点号)进行标识,后面紧跟类名,其基本语法格式如下:

.类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }   标签调用的时候用 class=“类名”  即可。

类选择器最大的优势是可以为元素对象定义单独或相同的样式。
小技巧:
1.长名称或词组可以使用中横线来为选择器命名。
2.不建议使用“_”下划线来命名CSS选择器。
输入的时候少按一个shift键;
浏览器兼容问题 (比如使用tips的选择器命名,在IE6是无效的)
能良好区分JavaScript变量命名(JS变量命名是用“”)
3.不要纯数字、中文等命名, 尽量使用英文字母来表示。
例如制作:
类选择器与id选择器的使用与区别_第1张图片
代码:


        
        
    
    
    	G
    	o
    	o
    	g
    	l
    	e
    

id选择器
id选择器使用“#”进行标识,后面紧跟id名,其基本语法格式如下:

#id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

该语法中,id名即为HTML元素的id属性值,大多数HTML元素都可以定义id属性,元素的id值是唯一的,只能对应于文档中某一个具体的元素。
用法基本和类选择器相同。
id选择器和类选择器区别
W3C标准规定,在同一个页面内,不允许有相同名字的id对象出现,但是允许相同名字的class。
类选择器(class)好比人的名字,是可以多次重复使用的
id选择器 好比人的身份证号码, 全中国是唯一的, 不得重复。 只能使用一次。

你可能感兴趣的:(新手)