CSS和JS結合控制樣式

2021-06-28 13:37:50 字數 324 閱讀 2608

css控制樣式,毋庸置疑。但有時,僅靠css卻很難控制好,比如說,頁面在多種條件下進行不同的呈現;或者執行過程中,會發生變化,比如說,左側的選單欄收縮了,那麼右側的寬度就變大了。

就拿這個元素的width、height來說,頁面變了,預先設定的值就不合適;甚至乎,從一開始,你就不知道該預先設定什麼值,因為前端的瀏覽器各種各樣,類似height:100%這樣的好像不起作用。css可能支援一些表示式,但我沒怎麼用過,印象中有說法說會有瀏覽器相容問題,或者是效能問題。

這時應該換一種思路,用js,jquery來控制。

例子如下:

用JS控制CSS基本樣式

用js控制css基本樣式的方法 css code class1 html code aaa 2 aaa還可以用 document.stylesheets i href 可以知道當前頁面中引用的每個css的檔案!另 css屬性與j ascript編碼對照表 一定要注意,上次本人 何向陽,在使用js修改...

CSS的樣式結合應用

list style type none list style image url 1.png border bottom 0c0 double 6px 虛實線 border left 0c0 solid 6px 實線 border right 0c0 solid 6px border top 0c...

Table可控制樣式和Css

rowspan colspan this that the other ladybird locust lunch 這樣賦予alternate的樣式將應用在每一行的第二列 在colgroup或者col上使用span屬性,跟rowspan和colspan有相似的用途 colgroup一起使用可以定義屬...