css的2D轉換

腳本化css
下面經過css實現動畫效果,能夠使用腳本化的css實現滑入,輪廓伸縮的列表,即動態的HTML,一個過期的說法DHTMLcss

一些css的基礎知識

以前已經看過厚厚的一本大書,如今簡單看一下,補充一下不知道的點web

層疊

web瀏覽器組合元素的style屬性,而後再計算樣式。瀏覽器

顏色透明度和半透明

顏色有半透明的顏色(不知道爲何edge不兼容)動畫

腳本化內聯樣式

div.style.background = "#FFFFFF"

即經過js完成css樣式的添加spa

因爲-會被js認爲有語法錯誤,因此-統一在js中變成駝峯命名法進行命名。這是一種習慣code

一樣的也能夠直接使用屬性進行設置基礎

e.setAttribute

進行設置css的內聯樣式語法

實際上是經過增長css的屬性的內聯樣式達到效果的。即style的值命名

style的權重要大於任何的樣式,因此用js生成的style的樣式的值,一直起做用,除非刻意的更改其權重。腳本

相關文章
相關標籤/搜索