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] 标签的用途:我们学习网页制作时,常常会听到一个词,语义化.那么什么叫做语义化呢,说的通俗点 ...
一周排行
  • 第十一单元准备对服务器的管理(2275)单元目标:◆说明管理服务器所需要的任务.工具和权力◆为管理目的配置远程桌面◆管理远程桌面连接一.管理一个服务器1.Windows服务器管理人员的角色与权限分配当服务器升级为DC ...
  • IPtables之四:NAT原理和配置
    NAT一般情况下分为SNAT,DNAT和PNAT此篇主要讲述的是使用iptables配置N ...
  • /*定义delimiter为 // */ delimiter // CREATE procedure sp_add3(a int, b int,out c int) begin set c=a+ b; end// / ...
  • rundeck内存溢出
    rundeck执行报错:查看rundeck日志:/tmp/rundeck/stacktra ...
  • 第一步: Tasklist/SVC 列出所有进程,系统服务及其对应的PID值! 而终端所对应的服务名为:TermService第二步:用netstat -ano命令,列出所有端口对应的PID值! 找到PID值所对应的 ...
  •  打开phpmyadmin首页,一片空白,什么提示报错也没有,折腾到深夜3点,无果.第二天早上又继续换了好几个关键词搜索,才找到和我情况匹配的答案,原来是我禁用了ini_set函数.由于phpmyadmin3.3.7 ...
  • 菜鸟学习CCNA-EIGRP
    菜鸟学习CCNA-EIGRP    EIGRP(Enhanced Interior Gat ...
  • $(document).ready(function(){ var url = location.href.split('#')[0]; $.get(rootPath + "/wechat/member/u ...
  • 备用服务器的管理模式与只读模式1.1备库启动到管理恢复模式SQL>shutdown immediate;SQL>startup nomount;SQL>alter database mount st ...
  • TestFlight——完美的iOS app测试方案 http://onevcat.com/2012/01/testflight/ The Swift Programming Language 中文版 http:// ...