id = "container" class = "container">
id = "box1" class = "box">
div>
id = "box2" class = "box">
div>
id = "box3" class = "box
box3">
div>
div>
body
/*這裡的「*」是萬用字元，意思是該頁面中所有的元素都會被加上*後面大括號裡的樣式，
對應圖中頁面中所有的標籤都有紅色的上邊框*/
*/*類選擇器：這裡使用.box的方式選中所有具有類名為box的元素，三個小正方形框都具有class屬性值「box」，這裡的樣式使他們大小一樣，都有綠色的右邊框*/
.box
/*id選擇器：這裡使用#container的方式選中具有id屬性值為container的元素，即圖中黑色大矩形，新增樣式*/
#container
/*id選擇器：這裡使用#box2的方式選中具有id屬性值為box2的元素，即圖中第二個正方形框，新增樣式，改變它的背景色為白色*/
#box2
/*派生選擇器：這裡的空格代表元素層級關係，選中了id屬性值為「container」的元素包含原數中具有class屬性值為「class的元素，使用派生選擇器會使得你的css**層次更清晰，更有可讀性」*/
#container
.box3
css 修改scrollbar樣式
滾動條從外觀來看是由兩部分組成 1，可以滑動的部分，我們叫它滑塊2，滾動條的軌道，即滑塊的軌道，一般來說滑塊的顏色比軌道的顏色深。滾動條的css樣式主要有三部分組成 1 webkit scrollbar 定義了滾動條整體的樣式 2 webkit scrollbar thumb 滑塊部分 3 webk...
JS修改css樣式
通過js修改css樣式 語法 元素.style.樣式名 樣式值 注意，如果在css中的樣式名中含有 這種名稱在js中是不合法的，比如background color 需要將這總命名改為駝峰命名法 backgroundcolor 我們通過style設定的都是內聯樣式，而內聯樣式優先順序比較高，所以通過...
css修改滾動條樣式
修改滾動條樣式 div webkit scrollbar div webkit scrollbar track div webkit scrollbar thumb div webkit scrollbar thumb hover div webkit scrollbar corner webkit...