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://www.cnblogs.com/wanglongshuai/p/5228228.html@王隆帅 认识CSS样式 CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内 ...
  • HTML+CSS学习笔记(4) - 认识标签(3) http://www.cnblogs.com/wanglongshuai/p/5228207.html@王隆帅 1.使用<a>标签,链接到另一个页面 使用<a>标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地 ...
  • HTML+CSS学习笔记(3)- 认识标签(2) http://www.cnblogs.com/wanglongshuai/p/5228196.html@王隆帅 1.使用ul,添加新闻信息列表 在浏览网页时,你会发现网页上有很多信息的列表,如新闻列表.图片列表,这些列表就可以使用ul-li标签来完成 ...
  • HTML+CSS学习笔记(2)-认识标签1转载
     HTML+CSS学习笔记(2) - 认识标签(1) 1.语义化,让你的网页更好的被搜索引擎理解 http://www.cnblogs.com/wanglongshuai/p/5204070.html@王隆帅 标签的用途:我们学习网页制作时,常常会听到一个词,语义化.那么什么叫做语义化呢,说的通俗点 ...
一周排行
  • MySQL主主复制结构区别于主从复制结构.在主主复制结构中,两台服务器的任何一台上面的数据库存发生了改变都会同步到另一台服务器上,这样两台服务器互为主从,并且都能向外提供服务. 这就比使用主从复制具有更好的性能.接下 ...
  • 生产环境下的iptables设置,这是我自己的一点总结,浅显之处望大家指出批评,共同学习.我的局域网为192.168.1.0/24.1.先清空所有规则iptables -Fiptables -Xiptables -Z ...
  • Httpd基本服务:主要服务程序: /usr/sbin/httpd系统服务脚本:/etc/rc.d/init.d/httpd服务根目录:/etc/httpd/主配置文件:/etc/httpd/conf/httpd.c ...
  • iOS_UITableView性能优化那些事
    UITableView在实际开发中使用频率实在是很高, 因此, UITableView的性 ...
  • Docker构建Nginx+Tomcat动静分离架构
    随着主流Nginx WEB服务器的发展,现在基于Nginx的WEB服务器已广泛应用于各大互 ...
  • C#emoji表情如何插入mssql
    如何将emoji表情存入mssql 呢? 在Windows显示emoji(win7需要安装 ...
  • 在默认情况下,Struts2只自动加载类加载路径下的struts.xml.default-struts.xml和struts-plugin.xml三类文件.但是随着应用规模的增大,系统中Action数量也大量增加,将 ...
  • Dialog 基本用法 ,带自定义view AlertDialog dialog = new AlertDialog.Builder(context).setTitle("写入信息") .setV ...
  • 综合布线方案设计模版XXX企业是一家从事IT技术的高新技术企业,对于网络建设有较高的要求,而综合布线系统作为网络运行的基础和高速数据传输的保障,在建设初始就应当受到高度的重视.结构化综合布线系统(Structured ...
  • div class=MsoNormal style="margin: 0cm 0cm 0pt; mso-char-indent-count: 2.0">大家都知道,为了便于用户与网络中的其它 ...