IT米工网 ,一个免费的IT学习网站!

当前位置:首页 > 网站建设 > DIV+CSS > 详细页面

ID选择器与类选择器的区别

作者:布衣加针 时间:2019-03-20 来源:IT米工网 点击:

一、CSS基本语法
CSS代码可以放在HTML文档的<style>标签内,也可以放在网页标签的style属性中,但推荐的用法是放在单独的样式表文件中,然后通过<link>标签或者@import命令导入网页文档。每一个CSS样式,都必须由两部分组成:选择器(selector)和声明(declaration)
例如:body{font:14px; color:#000;}
在学习CSS时,一定要注意CSS代码的几个特点
1>声明都是紧跟着选择器,并被花括号包含着。
2>每个声明的属性跟属性之间都是冒号隔开、分号结束。
3>花括号以及分号前后的空格可有可无。
4>属性值名称过长并带有空格,一定要将属性值用引号包含,如"sans serif"
5>在CSS代码中,空格是不被解析的,因此,可以利用空格键、TAB键换行符等空白符对样式代码进行排版,即所谓的格式化CSS代码。
 
二、ID选择器
ID选择器使用“#”前缀标识符进行标识,然后紧跟指定元素的ID名称,例如#body{width:100px;height:100px;}
在HTML文档中,用来构建整体框架的标签应该定义ID属性,因为这些对象在页面中都是比较唯一、固定的,不会重复出现,如logo包含框、导航条、主体包含框、版权区块等。
CSS提倡的是代码简化原则,建议对模块外围的元素使用id属性,内部元素定义class属性
三、类选择器
类选择器使用"."(英文点号)进行标识,后面紧跟类名,如.red{color:red;}在同等条件下,ID选择器比类选择器具有更大的优先权,通常id选择器体现文档的结构和位置,如#header、#footer、#left

标签

相关推荐