CSS常用樣式表

2021-06-08 06:28:05 字數 1564 閱讀 3993

常用的文字屬性

1.【line-height 】 設定行號,常用25px、28px  ;例:line-height="25px"     布局多行文字

2.【text-align】 設定對齊方式,常用取值為left、right、center ;例: text-align="center"  各種元素對齊

3.【letter-spacing】 設定字元間距,常用取值為 3px、8px  ; 例:letter-spacing="5px"  加大字元間間隔

4.【text-decoration】 設定文字修飾,常用取值underline、none  ;  例:text-decoration="underline"  加中劃線、下劃線等

5.【white-space】 規定如何處理空白,例如規定是否換行等,常用取值為nowrap(不換行); 例:white-space="nowrap"  文字溢位時不斷行

常用的字型屬性

1.【font】 在乙個宣告中設定字型的所有樣式屬性   例;font:bold 12px 宋體   常用語字型樣式的縮寫

2.【font-family】 定義字型型別  例:font-family:宋體  定義字型樣式

3.【font-size】 定義字型大小  例:font-size:12px  定義字型樣式

4.【font-weight】 定義字型的粗細 例:font-weight:bold 定義字型樣式

常用的背景屬性

1【background】 在乙個生命中設定所有的背景屬性 例:background:#ccc url(images/bg.png) repeat-x 20px -100px

2.【background-color】 設定背景顏色  例: background-color:#ccc

4.【background-repeat】設定背景的平鋪方式  例:background-repeat:no-repeat

5.【background-position】設定背景出現的初始位置  例:background-position: 20px-100px

background-repeat屬性對應的取值.【background-repeat】

1.【repeat】 橫縱向都平鋪,不填時的預設值   【應用場景】小方塊圖平鋪構建整體背景

2.【repeat-x】 橫向平鋪  【應用場景】細長小圖實現漸變效果

3.【repeat-y】 縱向平鋪 【應用場景】 小圖背景實現特殊邊框

4.【no-repeat】 背景圖不重複平鋪 【應用場景】 大圖做背景或使用偏移量控制

常用的類表型別圖示

1.【none】 去掉修飾符號 list-style:none   

2.【disc】 是新圓  list-style:disc

3.【circle】 空心圓 list-style:circle

4.【square】 實心正方形  list-style:square

5.【decimal】 數字 list-style:decimal

CSS層疊樣式表 定義樣式表

定義樣式表 1 html標記定義 p p可以叫做選擇器,定義那個標記中的內容執行其中的樣式 乙個選擇器可以控制若干個樣式屬性,他們之間需要用英語 隔開,最後乙個可以不應加 2 class定義 class定義是以 開始 p3 id 定義 id定義是 開始的 p4 優先順序問題 id class htm...

CSS層疊樣式表

一般說來所有樣式有下面的規則 第四個最有優先性 1 browser default 瀏覽器預設 2 external style sheet 外部樣式表 3 internal style sheet inside the 瀏覽器將從mystyle.css檔案中讀採樣式定義資訊,並根據它來格式化文件 ...

CSS(層疊樣式表)

一.css是增加html的樣式,擁有對網頁物件和模型樣式編輯的能力 1 在html中引入css有3種方式 1.外部樣式表 2.內部樣式表 3.內聯樣式表 2 css選擇元素的方式 1.元素選擇器 通過元素名字進行選擇 2.id選擇器 3.class選擇器 4.子元素選擇器 5.相鄰選擇器 如果需要選...