Flex中 style 樣式使用基本說明

2021-05-28 04:40:55 字數 983 閱讀 3216

樣式的定義方式

1. 外部樣式表

flex會呼叫全域性樣式表global.css,該全域性樣式表由flex-config.xml定義,

如:/web-inf/flex/global.css

系統預設的樣式表檔案global.css檔案其實沒有任何樣式定義,我們可以手動新增全域性樣式,也可以更改預設的全域性樣式檔案路徑。

如,把全域性樣式檔案該為:

/css/styles.css

在這裡順便提一點,定義外部css檔案的時候,顏色樣式有四種定義方式:

.myclass // 16進製制顏色格式

.myclass // rgb 顏色格式

.myclass // 10進製rgb顏色格式

.myclass // vga 顏色名稱格式

2. 本地樣式定義

使用標籤來定義當前檔案的樣式

.myfontstyle

下面的樣式則定義了所有button元件的樣式,使用該方式定義的樣式在使用的時候不需要指定樣式名。

button

3. 內嵌樣式定義

對個別需要特殊處理的元件,可以使用下面的方式進行內嵌樣式定義

4. 使用指令碼定義

這種方法使用了flash傳統的as指令碼方式來定義樣式,具有更強大的靈活性,並且可以使用stylemanager類以及getstyle() 和 setstyle() 方法,如下所示:

如果三種樣式定義方式同時使用的話,優先級別從高到低依次為:

內嵌式樣式》本地樣式定義(指令碼樣式定義)>外部樣式定義

5. 特殊樣式定義

全域性樣式定義

global

6. 字型的樣式定義

使用裝置字型

.myclass

使用移植字型

@font-face

@font-face

在定義了該字型樣式後,就可以通過fontfamily來應用該字型樣式,如:

accordion

flex的樣式使用

元素與主軸的對齊方式 定義flex容器 display flex 設定容器內部元素的排列方向 row 定義排列方向,從左到右 row reverse 從右到左 column 從上到下 column reverse 從下到上 flex direction row reverse nowrap 不換行 ...

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 內聯樣式style中的background

在我們使用vue開發的時候 有很多時候我們需要用到背景圖 特別是這個背景圖是變數時 這個時候會直接使用 內聯樣式 直接把你拿到的資料拼接上去 注意 在vue中直接使用style時 花括號一定別忘記 還有就是你的url一定要加引號拼接 style 完事!補充 好像還可以這樣寫 更新一點 當你的styl...