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@王隆帅 标签的用途:我们学习网页制作时,常常会听到一个词,语义化.那么什么叫做语义化呢,说的通俗点 ...
一周排行
  • Docker快速入门实践-老男孩高级架构师课程内容,如果细看还能发现讲解视频呦!小伙伴们赶紧猛戳吧!老男孩高级架构师内部学员实践文档分享!Docker快速入门实践-纯干货文章老男孩教育2016启用最新的官方博文地址: ...
  • 包的下载地址:http://www.verycd.com/topics/2843130/ cd ~ cd /lamp/libxml.6.30 ./configure --prefix=/usr/local/li ...
  • Linux vmstat命令实战详解 vmstat命令是最常见的Linux/Unix监控工具,可以展现给定时间间隔的服务器的状态值,包括服务器的CPU使用率,内存使用,虚拟内存交换情况,IO读写情况.这个命令是我查看 ...
  • WindowsServer8下补丁分发配置与iSCSI配置
    1.Win Server 8 下配置补丁分发(高清视频下载:http://down.51c ...
  • 安装完的初始界面."管理工具"选项中点击"DHCP".输入作用域名.分配给客户机IP地址范围.将不分配给客户机IP地址排除,一般是用作服务器的IP地址.可以是单独的一个IP,也 ...
  • php防止快速刷屏留言刚开始自然就想到了js 的 settimeout.后来觉得还是php自己的session方便些.直接代码如下://防刷屏控制 if(isset($_SESSION["allowpost ...
  • HP服务器64位引导盘下载地址http://h20000.www2.hp.com/bizsupport/TechSupport/DriverDownload.jsp?lang=en&cc=us&pro ...
  • 运维自动化--自动化安装
    不管什么运维标准化,自动化,那开始都是最简单的系统安装.若开始系统安装都没有实现,更加不要 ...
  • MLlearning1——kNN算法
    这篇文章讲kNN(k近邻,k-Nearest Neighbour).这是一种lazy-le ...
  •     双音多频DTMF(Dual Tone Multi Frequency)信令,逐渐在全世界范围内使用在按键式电话机上,因其提供更高的拨号速率,迅速取代了传统转盘式电话机使用的拨号脉冲信令.近年来DTMF也应用在 ...