CSS的基本語法

CSS樣式規(guī)則

css規(guī)則有兩部分組成:選擇器,聲明
——選擇器:設(shè)置樣式的元素;
——聲明:由屬性和值構(gòu)成(后面有一個(gè);),聲明在一對(duì){ }內(nèi);
選擇器{屬性:值;屬性:值;}
——屬性:用來設(shè)置樣式;
——值:屬性顯示效果的參數(shù)。
注釋:/*注釋語句*/
如:

<style text/css>
p,h1,h2,h3···{ font-size:30px;}/*相同屬性可以寫在一起*/
p{  color:blue<br>;
     font-family:"隸書";
  }
h1{ background-color:yellow;}
</style>

CSS使用方法

  • 行內(nèi)樣式(內(nèi)聯(lián)樣式)
  • 內(nèi)部樣式表(嵌入樣式)
  • 外部樣式
  • 導(dǎo)入式

1.行內(nèi)樣式:再開始標(biāo)簽內(nèi)添加style樣式屬性。
如:<p style="color:red; font-size:30px;">內(nèi)容</p>
2.內(nèi)部樣式:把css樣式代碼寫在style標(biāo)簽內(nèi)。

<style type="text/css">
樣式代碼
</style>

說明:<style>放在<head>之間。
3.外部樣式:把css樣式寫在一個(gè)獨(dú)立的文件中,文件擴(kuò)展名為(文件名.css)。
<link href="XX.css" rel="stylesheet" type="text/css"/>
說明:<link>放在<head>之間。
4.導(dǎo)入式:使用@import導(dǎo)入"外部CSS樣式"。
@import "文件名.css"
@import url("文件名.css")
說明:放在<style>標(biāo)簽內(nèi)。
5.使用鏈入外部樣式的好處
(1) css和html分離
(2)多個(gè)文件可使用同一個(gè)樣式表
(3)多文件使用同一個(gè)css文件,只需下載一次

css使用方法優(yōu)先級(jí)

行內(nèi)樣式 > 內(nèi)部樣式 > 鏈入外部樣式 = 導(dǎo)入式
說明:若優(yōu)先級(jí)相同,遵循就近原則,即后面覆蓋前面。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,551評(píng)論 19 139
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,129評(píng)論 1 92
  • 最近在看html基礎(chǔ),好吧,寫點(diǎn)筆記,比較low見諒,反正我自己看懂就行了 CSS基礎(chǔ) 1、css簡介 casca...
    小龍是只貓閱讀 642評(píng)論 0 1
  • 馬克思曾說,唯有愛情和咳嗽無法掩飾。 一個(gè)人如果真的愛你,心里裝的都是你,他總是會(huì)忍不住地想找你聊天,聽你說話,揣...
    d5c8cba3dc9b閱讀 243評(píng)論 0 0
  • 1 action編寫的三種方式(1) 創(chuàng)建普通類,這個(gè)不繼承任何類,不實(shí)現(xiàn)任何接口 (2) 創(chuàng)建類,實(shí)現(xiàn)接口Act...
    常威爆打來福閱讀 989評(píng)論 0 3

友情鏈接更多精彩內(nèi)容