以下代码是什么意思?

时间:2011-09-21 09:26:45

标签: html css

 border-color:#4d90fe!important 

上述行在html / css中的含义是什么。我已经在谷歌,脸谱和更多网站(源代码)上交叉了这些造型。什么!重要的是什么?任何人都可以清除这些问题,

1) when to use % or em 
2) when to use px

当我看到谷歌页面来源时,我发现它有时使用%和px。主要用于填充,边距边框,宽度,它使用px,宽度和高度使用%和在某些时间。使用px和%混淆,任何人都可以清除我何时使用px以及何时使用%或em

3 个答案:

答案 0 :(得分:4)

使用google这可以在2分钟内自行回答:

  • !important(搜索css !important
    简而言之:!important将css规则设置为最高优先级/优先级,覆盖指定同一属性的另一个值的所有其他规则
  • explanation of units(搜索css units
    简而言之:px表示像素,em表示实际字体高度,%表示百分比 - 几乎是自我解释

答案 1 :(得分:1)

%是您想要缩放网站的时间。因为事物是彼此的百分比,例如:

<div style="width:100%;">
    <div style="width:50%"></div>
</div>

px用于指定属性的确切像素大小,例如width:

<div style="width:100px;">
    <div style="width:50px"></div>
</div>

以上两个例子不是一回事。带有%的那个将填充父级(包含它的元素),而另一个只会填充指定大小的px(像素)。

评论后添加:缩放意味着,如果屏幕大小逐个用户更改,则内容会自行调整为浏览器窗口的大小(例如,具有不同的显示器分辨率)。

属性可能更好地定义为属性。例如<div>的属性可以是宽度,高度,颜色等......

答案 2 :(得分:1)

至于!important语句,如果你不知道,CSS被解释,这意味着(除其他外)从上到下阅读,所以,如果你定义例如:

.one { border-color: #000000; }
.two { border-color: #ffffff; }

HTML:

<div class="one two"></div>

此div将#ffffff作为边框颜色。 现在,如果你有:

.one { border-color: #000000 !important; }
.two { border-color: #ffffff; }

和边框颜色之前相同的div将是#000000。因为重要的是第一个定义优先。

你可以在这里阅读更多关于!important(例如):http://www.yellowjug.com/web-design/the-importance-of-important-in-css/

至于em /%和px的用法,Musaab的反应非常自我解释。