[第3课] 创建ID选择器与类选择器样式
讲师:李晓斌 长度:8分03秒 软件:Div+CSS 发布日期:2018年03日08日视频课程:[CSS3 技术与浏览器兼容性解析(已完结)]
课程介绍
1.ID选择器
ID选择器是根据DOM文档对象模型原理所出现的选择器类型,对于一个网页而言,其中的每一个标签(或其他对象),均可以使用一个id=" "的型式,对id属性进行一个名称的指派,id可以理解为一个标识,在网页中每个id名称只能使用一次。
<div id="top"></div>
如本例所示,HTML中的一个div标签被指定了id名称为top。
在CSS样式中,ID选择器使用#进行标识,如果需要对id名为top的标签设置样式,应当使用如下格式。
#top {
属性: 属性值;
……
}
id的基本作用是对每一个页面中的唯一出现的元素进行定义,如可以对导航条命名为nav,对网页头部和底部命名为header和footer,对于类似于此的元素在页面中均出现一次,使用id进行命名具有进行唯一性的指派含义,有助于代码阅读及使用。
2.类选择器
在网页中通过使用标签选择器,可以控制网页所有该标签显示的样式,但是,根据网页设计过程中的实际需要,标签选择器对设置个别标签的样式还是力不能及的,因此,就需要使用类(class)选择器,来达到特殊效果的设置。
类选择器用来为一系列的标签定义相同的显示样式,其基本语法如下。
.类名称 {
属性: 属性值;
……
}
类名称表示类选择器的名称,其具体名称由CSS定义者自己命名。在定义类选择器时,需要在类名称前面加一个英文句点(.)。
注意事项
-如果您在任何场合索要、传播、出售、租借学设计网出品原创视频教程,我们一律进行封号、封ip等措施处理,请务必珍惜您的帐号。无论传播还是索取,我们都会进行封号处理。
-由于您对视频教程的言论、索要、传播、出售、租借,对学设计网造成的间接或直接经济损失,我们将追究您的法律责任,并有权索回对我们造成的经济损失。
-只要您浏览本网页我们就将视您已经阅读了本注意事项中所有条例,并且同意本事项的所有条例。
-学设计网拥有以上事项的最终解释权。
-由于您对视频教程的言论、索要、传播、出售、租借,对学设计网造成的间接或直接经济损失,我们将追究您的法律责任,并有权索回对我们造成的经济损失。
-只要您浏览本网页我们就将视您已经阅读了本注意事项中所有条例,并且同意本事项的所有条例。
-学设计网拥有以上事项的最终解释权。
教程评论
您必须 [ 登录 ] 才能发表评论!
如何观看全部课程
推荐课程
推荐图文教程
推荐书籍