你未必知道的css小知識

2021-07-02 04:28:31 字數 448 閱讀 5057

1:當按百分比設定乙個元素的寬度時,它是相對于父容器的寬度計算的,但是,對於一些表示豎向距離的屬性,例如padding-top,padding-bottom,margin-top,margin-bottom等,當按百分比設定它們時,依據的也是父容器的寬度,而不是高度來計算的。

2:css裡的empty-cells屬性是所有瀏覽器都支援的,甚至包括ie8,它的用法是下面這個樣子:

table

它是為html table服務的。它會告訴瀏覽器,當乙個table單元格裡沒有東西時,就隱藏它。

設定empty-cells: hide;前和設定後的效果

你不知道的css小知識

使用 webkit transform scale 一種字型有粗體 斜體 下劃線 刪除線等諸多屬性。但是並不是所有字型都做了這些,一些不常用的字型,或許就只有個正常體,如果你用italic,就沒有效果了 這時候你就要用oblique.可以理解成italic是使用文字的斜體,oblique是讓沒有斜體...

您未必知道的Css技巧

1.關於background的寫法 div.comment1 您可以看到background的第乙個定義是乙個顏色值這表示在背景失效的時候顏色將起作用。2 url括號中的引號是沒有必要的,我們可以不寫引號 2.關於border的寫法,如果您想定義div的四個邊的顏色不同,而粗度和樣式都一樣,您可以這...

你所不知道的CSS浮動小知識

前面的話 浮動最早的使用是出自right 用於文字環繞的排版處理。如今浮動作為css中常用的布局方式,本文將就浮動內容做詳細介紹和梳理 float 浮動 浮動元素脫離普通流,然後按照指定方向,向左或者向右移動,碰到父級邊界或者另外乙個浮動元素停止 值 left right none inherit ...