溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下Css的基本屬性是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
一、標簽屬性與樣式
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 />
以上是“Css的基本屬性是什么”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
