小編給大家分享一下Css的基本屬性是什么,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
創新互聯公司從2013年成立,先為東港等服務建站,東港等地企業,進行企業商務咨詢服務。為東港企業網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。
一、標簽屬性與樣式
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的基本屬性是什么”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創新互聯行業資訊頻道!
網站名稱:Css的基本屬性是什么
文章源于:http://vcdvsql.cn/article28/pddhcp.html
成都網站建設公司_創新互聯,為您提供微信小程序、企業建站、標簽優化、響應式網站、營銷型網站建設、關鍵詞優化
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯