使用js修改css樣式表

2022-04-03 06:23:05 字數 507 閱讀 8201

有些情況下,我們需要頁面載入時就快速修改元素的樣式,但如果在頁面dom載入完後再修改css,雖然元素樣式快速變化,但肉眼能觀察到,所以需要js動態生成樣式表,宣告所希望的css樣式.執行js時,頁面會有很短暫的阻塞,等js執行完畢後,瀏覽器會根據所修改的樣式繼續渲染css.這樣的樣式才不會"閃一下"
.

以下是js**,動態增加style

function

addcss(csstext)

catch

(e) }

//如果當前stylesheet還不能用,則放到非同步中則行

if(style.stylesheet.disabled)

else

}else

//把建立的style元素插入到head中}//

呼叫方法

addcss('#init.mobile-wrap{visibility:hidden')

CSS樣式表的使用

在用html5寫網頁的時候,結合css能夠讓頁面更美觀。由於只在做課程設計和實習的時候使用過,並沒有系統的學習過,使得自己對於css的使用一直處於能用,但是容易弄混的階段。為了弄清楚css樣式表的使用,特地看書系統學習,現總結如下 css是通過選擇器對不同的html標籤進行控制,從而實現各種效果。常...

CSS層疊樣式表 定義樣式表

定義樣式表 1 html標記定義 p p可以叫做選擇器,定義那個標記中的內容執行其中的樣式 乙個選擇器可以控制若干個樣式屬性,他們之間需要用英語 隔開,最後乙個可以不應加 2 class定義 class定義是以 開始 p3 id 定義 id定義是 開始的 p4 優先順序問題 id class htm...

CSS常用樣式表

常用的文字屬性 1.line height 設定行號,常用25px 28px 例 line height 25px 布局多行文字 2.text align 設定對齊方式,常用取值為left right center 例 text align center 各種元素對齊 3.letter spacin...