CSS选择器类型总结 1.通用选择器 一般用于给所有元素做一些通用性的样式设置,比如清除内边距.外边距等.但是效率比较低,尽量不要使用. * { margin: 0; padding: 0; } 2.元素选择器 也叫做"标签选择器",用于选中一类标签进行样式设置. div { color: #ff0000; } span { font-size: 18px; } 3.类选择器 给元素添加class属性,通过.class属性值来选中元素. 一个元素可以有多个class值,每个class值…

1.常用的CSS选择器         类型选择器: 例如: p { color : red ; }         后代选择器: 例如: h2 span { font-weight : bold ; }         类选择器:     例如 : . content { width : 200px ; }         ID选择器:     例如: #nav { height : 40px ; }         应用时,应注意html的结构,使结构合理,综合运用以上的选择器.防治页面中多…

在前端入门的前三天把网页制作过程中常用的一些标签和属性都认识和练习了一遍,能够做出简单模块的框架.就像老师说的网页制作就像建一栋大楼,html是砖和水泥,css是精装,js是完善各个功能.现在就开始进入装修步骤. 一:css的书写形式 1.行内样式 <p id="p1" style="color: red">他真的很喜欢你,像风吹了八千里</p> 优点:1.写法简单,2.优先级高 缺点:1.内容和样式没有分离,2.样式没有复用性,仅作用于当前…

常用css选择器,希望对大家有所帮助,不喜勿喷. 1.*:通用选择器 * { margin: 0; padding: 0; } 选择页面上的全部元素,通常用于清除浏览器默认样式,不推荐使用. 2.#id:id选择器 #id { width:1200px; height: 500px; } 优先级别较高,id名最好唯一. 3..class:类选择器 .class { width: 1200px; height: 500px; } class名可以重复,可以修饰多个元素. 4. tagName:标签…

我们做项目的时候,经常遇到样式层叠问题,被其他的样式覆盖,或者写的权重不高没效果,对权重没有具体的分析,做了一个总结. css继承是从一个元素向其后代元素传递属性值所采用的机制.确定应当向一个元素应用哪些值时,浏览器不仅要考虑继承,还要考虑声明的特殊性,另外需要考虑声明本身的来源.这个过程就称为层叠.——<css权威指南> 如下图,css规则由选择器和声明块组成,写在选择器后面大括号里的就叫声明.…

选择器(selector)是CSS中很重要的概念,所有HTML语言中的标记样式都是通过不同的CSS选择器来控制的.用户只需要通过选择对不同的HTML标签进行选择,并赋予各种样式声明,即可实现各种效果. CSS选择器包括:标记选择器.类别选择器.ID选择器及复合选择器. 1. 标记选择器 一个HTML页面由很多不同的标记组成,CSS标记选择器用来声明哪些标记采用哪种CSS样式.因此,每一种HTML标记的名称都可以作为相应的标记选择器的名称. 示例: <style type="text/css…

众所周知,CSS的一个核心特征就是能向文档中的一组元素类型应用某些规则.每个规则都有两个基本部分:选择器(selector)和声明块(declaration block).下图显示了规则的各个部分. 声明块:由一个或多个声明组成,每个声明都是一个属性-值对(property-value). 选择器:定义了将影响文档中的哪些部分. 下面全面的总结一下CSS的各类选择器: 元素选择器: 最常见的 CSS 选择器是元素选择器.换句话说,文档的元素就是最基本的选择器.如 p.h3.em.a ,甚至可以是…

选择器是CSS的核心,从最初的元素.class/id选择器,演进到伪元素.伪类,以及CSS3中提供的更丰富的选择器,定位页面上的任意元素开始变得愈发的简单. 1.元素选择器 这是最基本的CSS选择器,HTML文档中的元素本身就是一个选择器: p {line-height:1.5em; margin-bottom:1em;} 2.关系选择器 E F:后代选择器,该选择器定位元素E的后代中所有元素F: ul li {margin-bottom:0.5em;} E > F:子选择器,该选择器定位元素E…

一:CSS CSS有三种书写形式(优先级从高到低) 1)行内样式:(内联样式)直接在标签style属性中书写 2)内页样式:在本网页的style标签中书写 3)外部样式:在单独的CSS文件中书写,然后在网页中用link标签引用 二:CSS选择器: CSS选择器作用:选择对应的标签,为之添加样式 标签选择器:根据标签名找到标签 类标签选择器:书写规范  以class=“类名”分类  .类名的方式选择 id选择器:书写规范 id=“id名称”划分id #id名称的方式选择 群组选择器:把要选择的类型…

原文转自:http://www.cnblogs.com/xyzhanjiang/p/5447406.html CSS 选择器除了样式表匹配元素时需要用到,在使用 jQuery 等库的时候也可以利用 CSS 选择器来选择元素,因此作为前端开发需要熟练掌握.下面是一些常用的 CSS 选择器示例. 元素选择器 E,选择所有指定元素名称的元素,例如 p,选择所有的 p 元素. 通用选择器 *,选择所有元素,例如: * { box-sizing: border-box; } 类选择器 .class,用一个…