css之其它技巧和經驗列表

2022-08-26 21:12:25 字數 1207 閱讀 1225

其它技巧和經驗列表(*以下例項預設執行環境都為standard mode):

如何讓層在falsh上顯示?

方法:

設定flash的wmode值為transparent或opaque
如何使用標準的方法在頁面上插入flash?

方法:至於flash的寬高可以在css裡設定

如何在點文字時也選中核取方塊或單選框?

方法1:

選項一

選項二選項一

選項二該方式所有主流瀏覽器都支援

方法2:

選項一

選項二選項一

選項二該方式相比方法1更簡潔,但ie6及更早瀏覽器不支援

ie下如何對standard mode與quirks mode進行切換?

ie6的觸發(在dtd申明前加上xml申明):

<?xml version="1.0" encoding="utf-8"?>

ie5.5及更早瀏覽器版本直接以quirks mode解析。

所有ie版本的觸發(在dtd申明前加上html注釋):

當沒有dtd宣告時,所有ie版本也會進入quirks mode。

如何區別display:none與visibility:hidden?

方法:

相同的是display:none與visibility:hidden都可以用來隱藏某個元素;

不同的是display:none在隱藏元素的時候,將其佔位空間也去掉;

而visibility:hidden只是隱藏了內容而已,其佔位空間仍然保留。

如何設定ie下的iframe背景透明?

方法:

設定iframe元素的標籤屬性allowtransparency="allowtransparency"

然後設定iframe內部頁面的body背景色為transparent。

不過由此會引發ie下一些其它問題,

如:設定透明後的iframe將不能遮住select

待續及修訂。。。

css分類及其它技巧

分類,所有的html標籤都可以 用作選擇,並附加樣式表說明.但是如果 你想達到的目的比這還要複雜該如何處 理呢?比如,你想讓主體文字的1段用綠 色顯示,第2段用紫色顯示,而第3段用 灰色顯示,你能做到嗎?這種情況下分類將發揮作用。你可以將 段落p分成3種不同的類別,每一類應用 不同的樣式表說明。這些...

CSS之小技巧

css樣式設計小技巧 水平居中設定 行內元素 如果被設定元素為文字 等行內元素時,水平居中是通過給父元素設定 text align center 來實現的。水平居中設定 定寬塊狀元素 當被設定元素為塊狀元素時用 text align center 就不起作用了,這時也分兩種情況 定寬塊狀元素和不定寬...

css之小技巧

css之小技巧 1.margin的計算規則 margin百分比都是相對於容器的寬度計算的,例如 img div 父元素 位於上60px,左60px2.絕對定位元素的百分比margin 例如 img 位於上102.4px,距離祖先元素的距離3.寬度2 1自適應矩形 box box div4.一側定寬的...