1.css选择符 2.id选择符 3.群组选择符 4.包含选择符/后代选择符 5.子选择器 6.伪类选择器 7.通配符 *{属性:属性值;} 说明:通配符能选中当前页面中的所有标签 使用:很少使用 但是每个页面必写 *{margin:0; padding:0 ;}
1、选择符的权重 css中用四位数字表示权重,权重的表达方式如:0,0,0,0 (元素)类型选择符的权重为 0001 伪元素选择符的权重为 0001 class选择符的权重为 0010 属性选择符的权重为 0010 伪类选择符的权重为 0010 id选择符的权重为 0100 内联样式的权重
1.css命名加前缀---如:ad-time box-hb--这样辨识扩展度比较高 2.挂多个class还是新建class--多用组合,少用继承 3.如果不确定模块的上下margin特别稳定,最好不要将它写到模块的类里,而是使用类的组合,单独为上下margin挂用于边距的原子类。 模块最好不要混用margin-top和margin
为什么80%的码农都做不了架构师?>>> 1、特殊性 首先来看一下这个例子将会发生的情形: 1 .grape { color:Blue; } 2 H1 { color: Red; } 3 <h1 class="grape">Meerkat <em>Central</em></h1> H1和.grape都匹配上面的H1元素,那么到底应该使用
什么是CSS?CSS(Cascading Style Sheet,层叠样式表)是由W3C(万维网联盟)的CSS工作组创建和维护的。它是一种不需要编译,可直接由浏览器执行的标记性语言,用于控制Web页面的外观。通过使用CSS样式控制页面各元素的属性显示,可将页面的内容与表现形式进行分离。 CSS的历史CSS1作为一项W3C推荐,C
第1章 Web标准与CSS布局概述 1.1 Web标准的历史及发展 1.1.1 什么是Web标准 1.1.2 Web表现层技术 1.1.3 Web标准的历史 1.2 Web标准的构成 1.2.1 结构(Structure) 1.2.2 表现(Presentation) 1.2.3 行为(Behavior) 1.3 Web标准有什么好处 1.4 CSS布局与table布局的区别 1.4.1 CSS
<!DOCTYPE html><html> <head> <title>css_权威指南_选择符</title> <style> .warning{ /*共同属性*/ background: red; } p.urgent{ font-weigh
好程序员web前端CSS选择符(选择器):表示要定义样式的对象1) 元素选择符/类型选择符(element选择器 ) 如:div{width:100px; height:100px; background:red;}语法:元素名称{属性:属性值;}说明:a)元素选择符就是以文档语言对象类型作为选择符,即使用结构中元素名称作为选择符。例如body、div
好程序员web前端CSS选择符(选择器):表示要定义样式的对象 1) 元素选择符/类型选择符(element选择器 ) 如:div{width:100px; height:100px; background:red;} 语法:元素名称{属性:属性值;} 说明: a)元素选择符就是以文档语言对象类型作为选择符,即使用结构中元素名称作为选择符。例如body
1、ID 选择符 > 类选择符 > 元素选择符。特指度高的优先级高 2、行内样式 > 内嵌样式 > 链接样式 3、设定的样式 > 继承的样式 特指度的计算: 特指度能够用一个公式 I-C-E 来计算,当中 I 是 ID C 是 Class E 是 Element 对于一个 CSS 规则,若选择符中有一个 id,则 I 的值 +1。若选
注意:尽量找到通用方法而减少对CSS Hack的使用,大规模使用CSS Hack会带来维护成本的提高以及浏览器版本变化而带来类似Hack失效等系列问题。 星号 * 针对IE6,7;下划线 _ 针对ie6 例如: _background: red;属性级: \9 适用性IE6+ .background-color:#00deff\9; \0
个人博客 http://www.sharedblog.cn/?post=107 1.id选择器 语法: <标记 id="id名"></标记> #id名{ 属性:属性值; } eg: <h1 id="box">共享博客</h1> #box{ color: red; } 注:①id选
CSS三大特性—— 继承、 优先级和层叠 继承:即子类元素继承父类的样式; 优先级:是指不同类别样式的权重比较; 层叠:是说当数量相同时,通过层叠(后者覆盖前者)的样式。 css选择符分类 1.标签选择器(如:body,div,p,ul,li) 2.类选择器(如:class="head",class="head_logo") 3.ID选