Css3中!important的使用方法

  就像使用任何技术一样,一项技术的优缺点取决于它所使用的环境。所以,如果需要的话要在什么时候使用!important呢?下面济南网站建设为您讲解下在Css3中!important的使用方法。
  除非所有的其他的方法都已经行不通了,!important声明应该在绝对必要的情况下才能够使用。如果使用!important仅仅是处于懒惰,比如要完全避免网页代码调试,或者急于完成项目,那么就是在滥用代码,而最终会在后期网站修改或者维护上付出更多的代价。
   即便在层叠样式表中很保守地使用!important代码,你也会发现,样式表的某一部分将变得很难维护。Css属性的重要程度是自然地通过层叠和特殊性来提现的,使用!important的时候,实际上是爱破坏规则的自然流程,给一些规则赋予其不应得到的权重。
   如果你从未使用过!important代码,表明你已经完全理解了CSS,并且在编写代码之前就进行了完整的规划和代码设计。
   特殊需要的用户能够添加!important到字体的排版属性上,比如font-size可以把文本变得更大,或者添加到颜色相关的规则上,提高网页的对比度。

   有时候,当客户网站上的Css出现一些bug时,需要非常快速地进行修改,这种情况下,就可以使用firebug或者其他一些开发者工具追踪需要修复的Css代码,但如果问题是发生在IE6或者其他一些无法使用调试工具的浏览器上,就需要使用!important代码进行快速修复了。

   来源:http://www.jinanwangluo.com/dt/203.html

时间: 2025-01-02 00:13:35

Css3中!important的使用方法的相关文章

CSS3中属性选择器使用方法详解

注释: 一.属性选择器除了IE6不支持外,其他的浏览器都能支持. 二.E[attr="value"]和E[attr*="value"]是最实用的,其中E[attr="value"]能帮我们定位不同类型的元素,特别是表单form元素的操作,比如说input[type="text"],input[type="checkbox"]等,而E[attr*="value"]能在网站中帮助我们匹配不同

详解CSS3中使用gradient实现渐变效果的方法

  CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变). 线性渐变在Webkit下的应用 CSS Code复制内容到剪贴板 -webkit-linear-gradient( [ || ,]? , [, ]* )//最新发布书写语法 第一个参数表示渐变类型(type),可以是linear(线性渐变)或者radial(径向渐变). 第二个参数和第三个参数,都是一对值,分别表示渐变起点和终点.这对值可以用坐标形式表示,也可以用关键值表示

CSS3中Animation动画的定义和调用

现在经常会看到一些门户网站的专题使用到CSS3的动画,咋也不能落伍,在此这梳理下动画知识吧,便于后面用到.接下来介绍下Animation动画的定义和调用,在介绍Animation之前需要了解下Keyframes,英文意思就是关键帧,它相当于我们flash里面的帧. Keyframes具有其自己的语法规则,他的命名是由"@keyframes"开头,后面紧接着是这个"动画的名称"加上一对花括号"{}",括号中就是一些不同时间段样式 规则,有点像我们c

解析CSS3中的Box-Sizing属性

在重构移动端页面的时候,我们经常会遇到两个框架并排的情况,并且需要宽度自适应.等宽,有边框这样的情况,我平时的方法就是用定位来处理,然后用负值定位来解决,但是后来发现可以用CSS3中的Box-Sizing属性来搞定.好吧,立马推荐出来给大伙. 语法: box-sizing: content-boxborder-boxinherit; 定义: box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素. 例如,假如您需要并排放置两个带边框的框,可通过将 box-sizing 设置为 "

CSS3中2D tansform各函数的使用技巧

文章简介:CSS3 2D变换让Web设计师有了更多的自由来装饰和变形HTML组件.同时让设计师有更多的功能装饰文本和更多动画选项来装饰Div元素.在CSS3 2D变形中主要包含的一些基本功能如下. 在一个二维或三维空间,元素可以被扭曲.移位或旋转.只不过2D变形工作在X轴和Y轴,也就是大家常说的水平轴和垂直轴:而3D变形工作在X轴和Y轴之外,还有一个Z轴.这些3D变换不仅可以定义元素的长度和宽度,还有深度.我们将首先讨论元素在2D平面如何变换,然后我们在进入3D变换的讨论. CSS3 2D变换让

网页多边框效果:CSS3中的box

文章简介:大家常见的应该是双线边框效果,使用页面部分元素具有层次的效果.在CSS2中依靠的是背景图片或者借助相邻两个元素的border来实现.而现在CSS3中的box-shadow可以直接在一个元素中完成. 多边框效果,大家常见的应该是双线边框效果,使用页面部分元素具有层次的效果.在CSS2中依靠的是背景图片或者借助相邻两个元素的border来实现.而现在CSS3中的box-shadow可以直接在一个元素中完成,我们来看一个简单的片段: <!-- HTML --> <div id=&qu

css3中的@font

文章简介:ICOFONT制作常用社交图标. icofont为何物?图标字体也.图标和字体怎能混为一谈呢?icofont就是用font-family来实现icon,主要用到了css3中的@font-face. 实现我们来熟悉一下@font-face这个属性. @font-face的语法规则: @font-face {   font-family: <YourWebFontName>;   src: <source> [<format>][,<source> [

CSS3技巧教程:css3的颜色取值方法

文章简介:CSS3技巧教程:css3的颜色取值方法. css颜色取值,大家对于css2版本以下颜色名称.十六进制技法.rgb记法.以上取值记法大家都和你熟悉,css3又有什么更另类的取值方法呢?RGBA.HSL.HSLA这三位大侠就是我们拭目以待的css3的颜色取值方法. RGBA即在css2版本中RGB记法增加了支持透明度的元素,语法也是相当容易理解:RGBA(255,0,0,0.5),这里的透明度,取值方范围在0-1. HSL玩过PS的童鞋应该对于这个HSL应该是很熟悉的,依次表达的意思是:

css3中Border

从我开始学做网页的时候起,页面上用到的圆角都是头痛的事情,最初是用表格,三行三死,然后把圆角图片切成9块分别填充,呵呵,现在想起来无语. 后面网上又找了css圆角代码,1像素1像素的把圆角拼出来,这时候,我开始懒了,用了几次,当时就无语了. 如今,我更懒了,遇见圆角效果,就做成图片用CSS设置成背景,方便快捷. css3来了,这里有一项新的技术,圆角的效果让我们从此不再忧愁(别急!css3还未正式发布),现在就让我们先睹为快,了解下css3中这一强大的技术:border-radius吧. css