您好,登錄后才能下訂單哦!
一、CSS格式
1.注意點:
(1)style標簽必須寫在head標簽的開始標簽和結束標簽之間(也就是必須和title標簽師兄弟關系)
(2)style標簽中的屬性type屬性其實可以不寫,默認就是type="text/css"
(3)設置樣式是必須按照固定格式來設置,key:value;其中不能省略冒號和分號(最后一個分號的時候可以省略,但是我們不提倡)
二、CSS包括什么?
CSS包括選擇器和屬性兩部分
其中選擇器就是標簽名稱,屬性就是屬性名稱和值
<!--CSS的格式-->
<head>
<style type="text/css">
標簽名稱:{
屬性名稱:屬性值
......
}
</style>
</head>
三、常見的文字相關的屬性
1.規定文字樣式的屬性
(1)格式:font:normal;
(2)常見取值:i.normal:正常的文字;ii.italic:傾斜的文字
(3)快捷鍵:(由于我們使用的是wbstorm,在企業開發過程中掌握某些軟件的快捷鍵是很有必要的,可以達到事半功倍的效果)
fs+table代表font-style:italic;
fsn代表font-style:normal;
2.規定文字粗細的屬性
(1)格式:font-weight:bolder;
(2)常見的取值:
i.單詞取值:
bold加粗;bolder更粗;lighter:細線(注意:默認是細線的格式,并且有的字體加粗是有上限的,并不是能變得更粗)
ii.100-900之間整百的數字。
(3)快捷鍵:
fw代表font-weight::
fwb代表font-weight:bold;
fwbr代表font-weight:bolder;
3.規定文字大小的屬性
(1)格式:font-size:30px;
(2)單位:px,這里是以像素來顯示的(pixel),并且這個單位是不能省略的。
(3)常見的取值:數值加單位
(4)快捷鍵:
i.fz代表font-size:;
ii.fz20代表font-size:20px;
這里面是支持直接加個數字的
4.規定文字字體的屬性
(1)格式:font-family;“”微軟雅黑”
(2)常見取值:微軟雅黑、宋體(默認)、.......(word中有好多中字體)
(3)注意:取值如果是中文的話,一定要用引號來括起來;使用到的取值必須是電腦中提前裝好的字體
(3)快捷鍵:
ff代表:font-family:;(不過在我的webstorm不行,估計版本過低)
<head>
<meta charset="UTF-8">
<title>d60&61_fixed_format_of_CSS&text_attribute</title>
<style>
p{
font-style:italic;
font-weight:900;
font-size:50px;
font-family:"微軟雅黑";
}
</style>
</head>
<body>
<!---->
<p>我是一個段落</p>
<hr>
<hr>
<i>被廢棄的傾斜</i>
<br>
<b>被廢棄的加粗</b>
專門建立的學習Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享學習方法和需要注意的小細節,不停更新最新的教程和學習技巧(從零基礎開始到前端項目實戰教程,學習工具,全棧開發學習路線以及規劃)
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。