溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下Css的基本屬性是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
一、標(biāo)簽屬性與樣式
1、網(wǎng)頁(yè)內(nèi)容根據(jù)想要在作用選擇對(duì)應(yīng)在標(biāo)簽
2、找到對(duì)應(yīng)在標(biāo)簽，敲空格看提示，選擇對(duì)應(yīng)在單詞（或style）來描述該標(biāo)簽。
直接能夠敲的出來我們成為屬性（attribute），類似于字體在color等。
敲不出來的，稱為細(xì)節(jié)，確切的說叫樣式Style。
<font size="+1" style="font-size:10px;">重蔚自留地</font>
TIPS：樣式比屬性更能精確、多樣的控制標(biāo)簽的表現(xiàn)形式
二、CSS介紹：
Cascading [Kæs'ke?d??] Style Sheet，層疊樣式表。
三、選擇器：
1、標(biāo)簽選擇器
控制對(duì)應(yīng)的標(biāo)簽，通過標(biāo)簽的關(guān)鍵字。
<font>測(cè)試文字</font>
<font>abc</font>
<font>def</font>
<style type="text/css">
/* 標(biāo)簽選擇器 */
font{
color:red;
font-size:20px;
font-family:"華文行楷";
}
</style>
TIPS：所有對(duì)應(yīng)的標(biāo)簽都會(huì)生效，其中某些不想生效，還需要使用
2、類（class）選擇器
<font>測(cè)試文字</font>
<font>abc</font>
<font>def</font>
<style type="text/css">
/* 類選擇器，先以.選擇器名定義，然后使用該定義在標(biāo)簽加上class="定義類選擇器名" */
.c1{
color:red;
font-size:20px;
}
.c2{
color:blue;
font-size:30px;
}
</style>
3、ID選擇器
<font id="c1" >測(cè)試文字</font>
<font >abc</font>
<font >def</font>
<style type="text/css">
/* ID選擇器，以#選擇器名定義,對(duì)應(yīng)的標(biāo)簽通過ID來調(diào)用 */
#c1{
color:green;
font-size:18px;
}
</style>
TIPS：建議ID選擇器盡量不要重復(fù)使用；盡享減少ID選擇器的定義和使用，避免和代碼沖突。
四、CSS使用方式
1、行內(nèi)：找到對(duì)應(yīng)的標(biāo)簽，通過style=”描述;”
2、內(nèi)嵌：通過<style></style>潛入到<head></head>中
3、外鏈：先寫內(nèi)嵌，然后內(nèi)嵌的樣式代碼除了<style></style>以外，全部剪切到單獨(dú)的CSS文件中（命名要和對(duì)應(yīng)的前臺(tái)頁(yè)面一致），前臺(tái)頁(yè)面刪除<style></style>在<head></head>中寫<link href=”地址” rel=”stylesheet”>。
TIPS:
1、外間文件中，可以@charset “gbk”
五、CSS優(yōu)先級(jí)：
1、屬性和樣式，樣式優(yōu)先；
2、行內(nèi)>內(nèi)嵌>外鏈
六、字體常用屬性樣式案例：
Size：大小，默認(rèn)為3，默認(rèn)12PX，可以使用+放大，- 縮小，最多不會(huì)超出+7，超出會(huì)以最大或最小來顯示；
色彩Color: #ffffff red rgba(0,0,255,255)
字體大小 font-size: 單位尺寸（像素px）
字體粗細(xì)：font-weight
字體修飾 text-decoration: underline、line-through、overline、none 同樣的樣式無法多次使用，重復(fù)使用一般解決方案是嵌套。
<font style="text-decoration:underline;"><font style="text-decoration:line-through;">abc</font></font>
大小寫 text-transform: capitalize首字母 uppercase大寫 lowercase小寫對(duì)中文無效。
作業(yè)：寫3段英文，每段話，第一個(gè)英文單詞全部轉(zhuǎn)換為大寫。
單行文本行高 line-height
某些人在做一些事情<br />
<font style="line-height:50px;">某些人在做一些事情</font><br />
以上是“Css的基本屬性是什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼
