rpx和樣式和class和flex

2022-08-28 19:21:12 字數 991 閱讀 4189

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的標頭檔案裡又匯入了...