5、style:靜態的樣式統一寫到 class 中。style 接收動態的樣式,在執行時會進行解析,請盡量避免將靜態的樣式寫進 style 中,以免影響渲染速度。
例:6、class:用於指定樣式規則,其屬性值是樣式規則中類選擇器名(樣式類名)的集合,樣式類名不需要帶上.,樣式類名之間用空格分隔。
******************
關於flex布局
1、flex-direction 決定元素的排列方向
2、flex-wrap 決定元素如何換行(排列不下時)
3、flex-flow flex-direction和flex-wrap的簡寫
4、justify-content元素在主軸上的對齊方式
5、align-items元素在交叉軸的對齊方式
元素屬性詳解
1、flew-grow當有多餘空間時,元素的放大比例
2、flex-shrink 當空間不足時,元素的縮小比例
3、flex-basis 元素在主軸上佔據的空間
4、flex是grow、shrink、basis的簡寫
5、order定義元素的排列順序
6、align-self定義元素自身的對齊方式
偽類選擇器
1、動態偽類選擇器:(:link,:visited,:hover,:active,:focus)
2、狀態偽類選擇器(:enabled,:disabled,:checked)
3、選擇偽類選擇器(:first-child,:last-child,:nth-child(),:nth-last-child(),:nth-of-type(),:nth-last-type(),:first-of-type,:last-of-type,:only-child,:only-of-type)
4、空內容偽類選擇器(:empty)
5、否定偽類選擇器(:not)
6、偽元素(::first-line,::first-letter,::before,::after,::selection)
vue中樣式繫結class和style
class style 我是乙個p標籤p style styleobj 我是h1標籤h1 style styleobj,bcolor 11334566h2 class div class classobj click changorder div class classobj div click c...
vue中的class 和 style 繫結樣式
物件語法 1.data 結果渲染為 2.繫結的資料物件不必內聯定義在模板裡 data 渲染的結果和上面一樣。3.我們也可以在這裡繫結乙個返回物件的計算屬性。這是乙個常用且強大的模式 data computed 陣列語法 1.data 渲染為 2.如果你也想根據條件切換列表中的 class,可以用三元...
import和 include和 class用法
include 用於對系統檔案的引用,編譯器會在系統檔案目錄下去查詢該檔案。include xx.h 用於對使用者自定義的檔案的引用,編譯器首先會去使用者目錄下查詢,然後去安裝目錄,最後去系統目錄查詢。注意 include 如果class a 匯入了class b,class b的標頭檔案裡又匯入了...