选择器是CSS的核心,从最初的元素、class/id选择器,演进到伪元素、伪类,以及CSS3中提供的更丰富的选择器,定位页面上的任意元素开始变得愈发的简单。
1.标签选择器(如:body,div,p,ul,li)
2.类选择器(如:class="head",class="head_logo")
3.ID选择器(如:id="name",id="name_txt")
4.全局选择器(如:*号)
5.组合选择器(如:.head .head_logo,注意两选择器用空格键分开)
6.继承选择器(如:div p,注意两选择器用空格键分开)
7.伪类选择器(如:就是链接样式,a元素的伪类,4种不同的状态:link、visited、active、hover。)
8.字符串匹配的属性选择符(^ $ *三种,分别对应开始、结尾、包含)
以上选择器在日常开发中最常用的就是标签选择器、类选择器和id选择器。
1.标签名选择器 一个XHTML文档中有许多标签,例如p标签,h1标签等。若要使文档中的所有p标签都使用同一个CSS样式,就应使用标签选择器。
div {color:red;border:1px blue solid;}
p {color:#000;}
2.类选择器 使用标签选择器可以为整个XHTML文档中的同一个标签指定相同的CSS样式。但是在实际运用中,XHTML文档中的同一个标签会被反复使用。若要为相同的标签赋予不同的CSS样式就应使用类选择器。
测试代码
.test {color:red;border:1px blue solid;}
3.id选择器,id选择器是唯一的,只可以获取独一无二的一个元素。
测试代码
#test {color:red;border:1px blue solid;}
Sublime是一款强大的代码编辑软件,由于其操作简洁一直以来被很多前端工程师所喜爱。但一些刚接触Sublime码农却不知道如何使用它的快捷键,今天就让小编来介绍一下Sublime如何快速生成HTML5快【阅读全文】
HTML标签是HTML文本中的基本元素,只有牢牢掌握这些常用的HTML标签才能设计出一个合格的网页,今天就让奇酷学院为大家讲解一下常用的HTML5标签有哪些。【阅读全文】
HTML5前端工程师在设计网站页面的时候避免不了要使用一些HTML5插件来提高自己的变成效率,今天奇酷学院为大家推荐表单、提示框、垂直菜单、面包屑导航四款必备HTML5插件的设计效果及代码【阅读全文】