認識css
1.格式:
< style type=「text/css」>
標籤名稱
< /style>
2.注意點:
1.style標籤必須寫在head標籤的開始標籤和結束標籤之間(也就是必須和title標籤是兄弟關係)
2.style標籤中的type屬性其實可以不用寫, 預設就是type=「text/css」
3.設定樣式時必須按照固定的格式來設定. key: value;
其中:不能省略, 分號大多數情況下也不能省略
4.css怎麼學?
css的學習一共分為兩大部分, 乙個是css的屬性, 另乙個是css選擇器. 也就是說著兩部分學完css就沒有別的東西了
文字屬性
1.規定文字樣式的屬性
格式：font-style: italic;
取值：normal ： 正常的， 預設就是正常的
italic : 傾斜的
快捷鍵：
fs font-style: italic;
fsn font-style: normal;
2.規定文字粗細的屬性
格式： font-weight: bold;
單詞取值:
bold 加粗
bolder 比加粗還要粗
lighter 細線， 預設就是細線
數字取值：
100-900之間整百的數字
快捷鍵fw font-weight:;
fwb font-weight: bold;
fwbr font-weight: bolder;
3.規定文字大小的屬性
格式：font-size: 30px;
單位：px（畫素 pixel）
注意點： 通過font-size設定大小一定要帶單位， 也就是一定要寫px
快捷鍵fz font-size:;
fz30 font-size: 30px;
4.規定文字字型的屬性
格式：font-family:「楷體」;
注意點：
1.如果取值是中文， 需要用雙引號或者單引號括起來
2.設定的字型必須是使用者電腦裡面已經安裝的字型
快捷鍵ff font-family:;
補充
1.如果設定的字型不存在, 那麼系統會使用預設的字型來顯示
預設使用宋體
2.如果設定的字型不存在, 而我們又不想用預設的字型來顯示怎麼辦?
可以給字型設定備選方案
格式:font-family:「字型1」, 「備選方案1」, …;
3.如果想給中文和英文分別單獨設定字型, 怎麼辦?
但凡是中文字型, 裡面都包含了英文
但凡是英文本型, 裡面都沒有包含中文
也就是說中文字型可以處理英文, 而英文本型不能處理中文
**注意點: 如果想給介面中的英文單獨設定字型, 那麼英文的字型必須寫在中文的前面
4.補充在企業開發中最常見的字型有以下幾個
中文: 宋體/黑體/微軟雅黑
英文: 「times new roman」/arial
還需要知道一點, 就是並不是名稱是英文就一定是英文本型
因為中文字型其實都有自己的英文名稱, 所以是不是中文字型主要看能不能處理中文
宋體 simsun
黑體 simhei
微軟雅黑 microsoft yahei
縮寫方式
縮寫格式:
font: style weight size family;
例如:font:italic bold 10px 「楷體」;
注意點:
1.在這種縮寫格式中有的屬性值可以省略
sytle可以省略
weight可以省略
2.在這種縮寫格式中style和weight的位置可以交換
3.在這種縮寫格式中有的屬性值是不可以省略的
size不能省略
family不能省略
4.size和family的位置是不能順便亂放的
size一定要寫在family的前面, 而且size和family必須寫在所有屬性的最後
CSS字型屬性和文字屬性
字型屬性 font size px 字型的大小 font weight 400 700 bold,表示加粗 400 lighter,不加粗 font family 字型 font style 字型為斜體或者正常字型字型的復合語法 選擇器文字屬性 color 文字顏色 text algin under...
CSS的字型屬性和文字屬性
字型屬性用於定義字型系列 大小 粗細 和文字樣式 如斜體 屬性表示 備註font size 字型大小一定要跟上單位px font family 字型盡量使用系統預設字型，一般情況下，如果多個單詞組成的字型，要加引號。各種字型必須用英文逗號隔開。font weight 字型粗細 加粗 700或者bol...
CSS中的字型屬性和文字屬性
font 簡寫，作用是把所有的針對字型的屬性設定在乙個宣告中 font family 設定字型系列 font size 設定字型尺寸 font style 設定字型風格,italic或者normal font variant 以小型大寫字型或者正常字型顯示文字 font weight 設定字型的粗細...