<
!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
document<
/title>
/* :root 全域性定義*/
:root
/* 使用方法 */
.myvarible
/* after可以在元素的後面加入內容*/
.myvarible:after
.main
<
/style>
<
/head>
="myvarible"
>
<
/div>
="main"
>非字串<
/div>
// js操作css變數
// 獲取 :root
var root = document.
queryselector
(':root'
)var style =
getcomputedstyle
(root)
// 拿到style裡面屬性值trim 因為拿到的值前面有空格 所以使用trim方法去掉空格
var color = style.
getpropertyvalue
('--color').
trim()
// 設定屬性
root.style.
setproperty
('--color'
,'red'
)<
/script>
<
/body>
<
/html>
css使用方法
1.css selector支援id class的定位 與html中css定位相同 號表id 定位有id的標籤方式更加簡潔 i1.代表class定位有id的標籤方式更加簡潔 c1class定位還提供了多個class定位通過連續.來縮小範圍 c1.c2.c3 2.css selector支援標籤定位沒...
CSS的使用方法
我們為網頁新增樣式表的方法有四種。1 最簡單的方法是直接新增在html的識別符號 tag 裡 tag style properties 網頁內容 tag 舉個例子 p style color blue font size 10pt css例項 p 說明 用藍色顯示字型大小為10pt的 css例項 儘...
CSS定位使用方法
對於網頁頁面布局來說，使用定位進行布局十分的方便。絕對定位 使用絕對定位應當將父元素設定為相對定位，否則元素絕對定位的基準會一直尋找外層非靜態定位元素 doctype html html lang en head meta charset utf 8 title title title style ...