css权重问题--学习笔记

用同一个例子说明:
h1{color:blue;}/*特殊性=1*/(包含通配符"*"他们同等级)
p em{color:blue;}/*特殊性=2*/(包含层次越多权重越高)
.warning{color:blue;}/*特殊性=10*/(class类)
p.noteem.dark{color:blue;}/*特殊性=22*/
随便举一例:<div><p class="note"><em class="dark">小筑不是小猪</e
(这一例中在网页中"小筑不是小猪"会被变成蓝色)m></p></div>
(这里包括两个特殊性为1的(蓝色部分)和两个特殊性为10(红色部分)的所以得出最后权重值为22)
#main{color:blue;}/*特殊性=100*/(id类)
!important{color:blue;}/*特殊性=10000*/
(IE目前6.0版本都不支持!important,一般被用于纠正IE盒模型BUG.)
===================================================================
昨天做一个案例发现了透明PNG图在IE和firefox中的不图表现:
iE中会自动把透明PNG图解析成自动平铺盒模型有背影的图片.而在firefox中正常表现,这是一个IE的BUG,网上看了一些大虾的见解,大多都说是因为ie6.0及以下版本浏览器并不支持png透明。希望以后做案例的时候能注意!
 
更多相关文章
  • HTML文档由各种元素组成.比如,p.table.span等等.每个元素都会对文档的表现有所影响.CSS中,每个元素都会生成一个框(传说中的盒子),其中包含元素内容. 元素可以根据它的创建方式分为两种:替换元素和非替换元素.创建方式会对盒模型的表现有所影响,后续的笔记中会看到. 替换元素:这种元素的 ...
  • css cascading style sheets层叠样式表         它能对网页的字体,背景,颜色和特殊效果以精确的控制,便于轻松的布局页面.css分为 类.标签,高级(也叫伪类)三种类型,css代码可以内嵌于一个html页面内,也可以独立成一个css文件,然后被html页面所引用类    ...
  • 层叠样式表(Cascading Style Sheets,CSS)可以影响文档的表现.CSS是依附于文档的,如果不存在某种文档,CSS基本上是没有用的. 为什么会有CSS 在web早期(1990-1993),HTML由一些结构化元素组成,用于描述段落.超链接.列表和标题等.简单来说刚开始的时候,HT ...
  • CSS学习笔记——盒模型,块级元素和行内元素的区别和特性
    今天本来打算根据自己的计划进行前端自动化的学习的,无奈早上接到一个任务需求需要新增一个页面.自从因为工作需要转前端之后,自己的主要注意力几 乎都放在JavaScript上面了,对CSS和HTML这方面其实基础真的很差,今天在写页面的时候就被浮动啊.内外边距啊这些耽误了不少时间. 反思一下,自己确实在 ...
  • HTML+CSS学习笔记(6)-开始学习CSS转载
    HTML+CSS学习笔记 (6) - 开始学习CSS  http:[email protected] 认识CSS样式 CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内 ...
  • HTML+CSS学习笔记(4) - 认识标签(3) http:[email protected] 1.使用<a>标签,链接到另一个页面 使用<a>标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地 ...
  • HTML+CSS学习笔记(3)- 认识标签(2) http:[email protected] 1.使用ul,添加新闻信息列表 在浏览网页时,你会发现网页上有很多信息的列表,如新闻列表.图片列表,这些列表就可以使用ul-li标签来完成 ...
  • HTML+CSS学习笔记(2)-认识标签1转载
     HTML+CSS学习笔记(2) - 认识标签(1) 1.语义化,让你的网页更好的被搜索引擎理解 http:[email protected] 标签的用途:我们学习网页制作时,常常会听到一个词,语义化.那么什么叫做语义化呢,说的通俗点 ...
一周排行