css的格式與屬性

2021-08-03 04:26:48 字數 2008 閱讀 3437

一、格式

注意點:style標籤必須寫在head標籤的開始和結束標籤之間;style的屬性type可以不用寫,預設就是text/css

二、文字屬性

1、規定文字樣式的屬性

格式:font-style: italic;

取值:italic傾斜的

normal正常的

快捷鍵:fs 按table鍵font-style: italic;

fsn按table鍵font-style: normal;

2、規定文字粗細的屬性

格式:font-weight:bold;

單詞取值:

bold:加粗

lighter:細線,預設是細線

bolder:比加粗要粗

快捷鍵:

fwfont-weight:;

fwbfont-weight: bold;

fwbrfont-weight: bolder;

數字取值:100-900之間的整百數字

3、規定文字大小的屬性

格式:font-size: 100px;

注意點:通過font-size來設定文字大小一定要帶單位px

快捷鍵:fzfont-size: ;

fz100font-size: 100px;

4、規定文字字型的屬性

格式:font-family: "楷體";

注意點:1、如果取值是中文,要用單引號或雙引號引起來;

2、設定的字型必須是使用者電腦裡已經安裝的字型

3、如果設定的字型不存在,那麼系統會使用預設的字型來顯示

4、如果設定的字型不存在,又不想用預設的字型來顯示該怎麼辦:可以給字型設定備選方案:font-family:"字型1","備選方案";

5、想給中文和英文單獨設定字型怎麼辦:但凡是中文字型都包含了英文,但是但凡是英文本型都不包含中文字型,也就是說中文字型能處理英文,但是英文本型不能處理中文。如果想給介面中的英文單獨設定字型,那麼英文本型必須寫在前面:font-family:"英文本型","中文字型";

6、常見字型:中文-宋體、黑體、微軟雅黑;英文-times new roman,arial

7、文字屬性的簡寫:font: style weight size family;例如font: italic bold 10px "楷體";在這種縮寫格式中有些屬性值style weight可以省略,style weight也可以交換位置;size family不能省略且位置不能隨便亂放,size一定要在family前面,且size family必須寫在所有屬性的最後

三、文字屬性

1、文字裝飾屬性:text-decoration: underline;2、文字水平對齊屬性:text-align: center;

取值:left、right、center

3、文字縮排屬性:text-indent: 2em;

取值單位:2em,縮排兩個文字

四、顏色控制屬性,常見寫法:

1、英文單詞color: red;

2、rgb:color: rgb(255,50,60);

3、rgba:color: rgba(255,0,0,1);

4、十六進製制:color: #ff0000;

5、十六進製制簡寫:color: #f00;只要每兩位相同就可簡寫為一位,如果當前顏色對應的兩位數字不一樣不能簡寫,如果兩位數字一樣但是不屬於相同顏色也不能簡寫

css簡寫屬性格式

font 簡寫 font italic small caps bold 12px 1.5em arial,verdana 等效於 font style italic font variant small caps font weight bold font size 12px line height...

CSS文字與字型的屬性

p元素選擇器會層疊掉box1,而span卻會繼承,因為父類的字型大小即為1em 可以設定多個字型,從左到右按順序直到找到可用的字型。英文本型只適用於英文而中文字型同時適用於中文和英文。100 200 300 900 對應於文字的不同重量 元素高度為100px,若不設定行高,文字無法垂直居中 補充 c...

CSS 字型屬性與文字屬性

二 text系列 文字屬性 記錄了一些學習css 層疊樣式表 過程當中的學習筆記 在css中,常對文字的字型進行如下四種的編輯 字型屬性 表示字型系列 font family 字型大小 font size 字型粗細 font weight 字型樣式 font style p 通過font famil...