web初步 CSS樣式

2021-10-04 10:38:14 字數 1935 閱讀 7659

font-family

: ***x; //定義字型型別

font_size

: 12px; //設定字型大小

color

: red; //定義字型顏色

font-weight

: 600; //定義字型粗細

font-style

:normal|italic|oblique;

//定義字型傾斜效果,normal為預設值,表示正常的字型,italic表示斜體;oblique表示傾斜的字型

//定義字型修飾線效果

text-decoration

:none;

//normal為預設值,表示無裝飾線,blink表示閃爍效果,

//underline表示下劃線效果,line-through表示貫穿線效果,overline表示上劃線效果

text-transform

:none;

//none為預設值,表示無轉換發生;capitalize表示將每個單詞的第乙個字母轉換成大寫,其餘無轉換發生;

//uppercase表示把所有字母都轉換成大寫;lowercase表示把所有字母都轉換成小寫。

css3增強text-decoration功能

text-aligna

: left;

//left為預設值,表示左對齊;right為右對齊;center為居中對齊;

//justify為兩端對齊。justify:內容兩端對齊。start:內容對齊開始邊界。

//end:內容對齊結束邊界。match-parent:與inherit(繼承)表現一致。

//justify-all:效果等同於justify,但還會讓最後一行也兩端對齊。

//定義文字垂直對齊

vertical-align

: auto;

//auto將根據layout-flow屬性的值對齊物件內容。

//baseline表示預設值,表示將支援valign特性的物件內容與基線對齊。

//sub表示垂直對齊文字的下標。

//super表示垂直對齊文字的上標。

//top表示將支援valign特性的物件的內容物件頂端對齊。

//text-top表示將支援valign特性的物件的文字與物件頂端對齊。

//middle表示將支援valign特性的物件的內容與物件中部對齊。

//bottom表示將支援valign特性的物件的內容與物件底端對齊。

//text-bottom表示將支援valign特性的物件的文字與物件頂端對齊。

//length表示由浮點數字和單位識別符號組成的長度值或者百分數,可為負數,定義由基線算起的偏移量,基線對於數值來說為0,對於百分數來說就是0%。

//定義文字間距

//letter-spacing屬性定義字距,word-spacing屬性定義詞距

letter-spacing

:1em;

//定義行高

line-height

:1.2em;

//定義文字首行縮排

text-indent

:2em;

height

:200px; //定義影象大小,可以使用百分比

影象在預設狀態是不會顯示邊框的,但在為影象定義超連結時會自動顯示2~3畫素寬的藍色粗邊框。使用border屬性可以清除這個邊框

border

:none;

邊框樣式

box-shadow

控制文字溢位

text-overflow

:ckip

web初步 CSS特性

css層疊性是指css能夠對同乙個物件應用多個樣式的能力。當css屬性衝突時會根據權重對選擇器進行覆蓋 權重標籤選擇器 計算權重公式 繼承或者 0,0,0,0 每個元素 標籤選擇器 0,0,0,1 每個類,偽類 0,0,1,0 每個id 0,1,0,0 每個行內樣式 style 1,0,0,0 每個...

web前端 CSS樣式

一 樣式 a css cascading style sheet 層疊樣式表 b 樣式的引入方式 行內樣式 內容 內部樣式 在頁面頭部 外部樣式 在頁面頭部以link標籤鏈入 c 樣式的基本語法 1.選擇器 2.基本選擇器的種類 1.標籤選擇器 標籤名稱 同名標籤自動響應 2.類選擇器 類選擇器名稱...

web十二講,CSS樣式

相對單位 rgb函式 使用rgb rrr ggg bbb,或rgb r g b 字母r或r g或g b或b分別表示顏色分量紅色 綠色 藍色,前者引數的取值為0到255,後者引數的取值為0到100.十六進製制數 使用 rrggbb 或 rgb 的形式,其中每個位十六進製制數從0到f取值,比如 ffc0...