一、標籤屬性與樣式
1、網頁內容根據想要在作用選擇對應在標籤
2、找到對應在標籤，敲空格看提示，選擇對應在單詞（或style）來描述該標籤。
直接能夠敲的出來我們成為屬性（attribute），類似於字體在color等。
敲不出來的，稱為細節，確切的說叫樣式Style。
<font size="+1" style="font-size:10px;">重蔚自留地</font>
TIPS：樣式比屬性更能精確、多樣的控制標籤的表現形式
二、CSS介紹：
Cascading [Kæs'keɪdɪŋ] Style Sheet，層疊樣式表。
三、選擇器：
1、標籤選擇器
控制對應的標籤，通過標籤的關鍵字。
<font>測試文字</font>
<font>abc</font>
<font>def</font>
<style type="text/css">
/* 標籤選擇器 */
font{
color:red;
font-size:20px;
font-family:"華文行楷";
}
</style>
TIPS：所有對應的標籤都會生效，其中某些不想生效，還需要使用
2、類（class）選擇器
<font>測試文字</font>
<font>abc</font>
<font>def</font>
<style type="text/css">
/* 類選擇器，先以.選擇器名定義，然後使用該定義在標籤加上class="定義類選擇器名" */
.c1{
color:red;
font-size:20px;
}
.c2{
color:blue;
font-size:30px;
}
</style>
3、ID選擇器
<font id="c1" >測試文字</font>
<font >abc</font>
<font >def</font>
<style type="text/css">
/* ID選擇器，以#選擇器名定義,對應的標籤通過ID來調用 */
#c1{
color:green;
font-size:18px;
}
</style>
TIPS：建議ID選擇器儘量不要重複使用；盡享減少ID選擇器的定義和使用，避免和代碼衝突。
四、CSS使用方式
1、行內：找到對應的標籤，通過style=”描述;”
2、內嵌：通過<style></style>潛入到<head></head>中
3、外鏈：先寫內嵌，然後內嵌的樣式代碼除了<style></style>以外，全部剪切到單獨的CSS文件中（命名要和對應的前臺頁面一致），前臺頁面刪除<style></style>在<head></head>中寫<link href=”地址” rel=”stylesheet”>。
TIPS:
1、外間文件中，可以@charset “gbk”
五、CSS優先級：
1、屬性和樣式，樣式優先；
2、行內>內嵌>外鏈
六、字體常用屬性樣式案例：
Size：大小，默認為3，默認12PX，可以使用+放大，- 縮小，最多不會超出+7，超出會以最大或最小來顯示；
色彩Color: #ffffff red rgba(0,0,255,255)
字體大小 font-size: 單位尺寸（像素px）
字體粗細：font-weight
字體修飾 text-decoration: underline、line-through、overline、none 同樣的樣式無法多次使用，重複使用一般解決方案是嵌套。
<font style="text-decoration:underline;"><font style="text-decoration:line-through;">abc</font></font>
大小寫 text-transform: capitalize首字母 uppercase大寫 lowercase小寫對中文無效。
作業：寫3段英文，每段話，第一個英文單詞全部轉換為大寫。
單行文本行高 line-height
某些人在做一些事情<br />
<font style="line-height:50px;">某些人在做一些事情</font><br />
某些人在做一些事情
相關推薦
