css定義

可以設(shè)置網(wǎng)頁中的樣式外關(guān)美化
css中文名L級聯(lián)樣式表，層疊樣式表，樣式表

位置

寫在title標簽后面 style標簽里

基本書寫

px代表像素單位（在css中百分之90以上情況數(shù)字之后必須跟單位）

選擇器{屬性名1：屬性值1；屬性名2：屬性值2；}

color代表顏色 font-size代表字號
ctrl+?也可以注釋

開發(fā)人員調(diào)試工具：

1.打開方式：F12或 網(wǎng)頁中右鍵 檢測
2.找到菜單中第一個選項elements（元素 標簽 標記）
3.用鼠標左鍵點擊想要查看的標簽
4.右側(cè)會出現(xiàn)對應(yīng)CSS代碼
5.想設(shè)置顏色：點擊顏色前面的方框，使用調(diào)色盤改變顏色后，別忘了把顏色的代碼放在程序中；
6.設(shè)置數(shù)字大小，鼠標左鍵點擊數(shù)字，按鍵盤的上下可以調(diào)整大小，要自己更改代碼了才可以生效。

標簽選擇器

用標簽的名字來進行頁面元素，標簽，標記的選擇。
選擇器：在大括號之前寫的內(nèi)容，就是選擇器，找到你要選擇的內(nèi)容。

id選擇器

用html標簽中的id屬性來進行選取的方式
語法規(guī)則：
#id的值{xxx}

<p id="id的值">xxx</p>

命名規(guī)則：1.數(shù)字不可以開頭
2.不能使用中劃線下劃線之外的符號
3.不推薦中文
4.盡量做到見名知意
唯一性：
1.id名具體命名，不可以重復(fù)使用
2.每個標簽只能有一組id

類選擇器

使用html中的class的值來進行選取的方式
語法：
.類名{xx}

<p class="類名">xx</p>

注意：class類選擇器可以重復(fù)命名；每個標簽可以用多個class類名

命名規(guī)則與id的命名規(guī)則完全一樣。

內(nèi)嵌式

css寫在style標簽中，放在title標簽的后面，因為html代碼和css代碼混在同一個文件中。

外鏈式

css代碼和html代碼實現(xiàn)代碼的分離效果，使用Link標簽設(shè)置href屬性，可單獨把css文件鏈入當前html文件中去。

應(yīng)用場景：
1.電商網(wǎng)站的首頁，因為對網(wǎng)頁的打開速度有嚴格的要求。一次性把html和css都加載出來。
2.外鏈式應(yīng)用在除了電商網(wǎng)站首頁。實現(xiàn)代碼分離，方便后期修改。

行內(nèi)式

css代碼寫在標簽的身上，強烈不推薦用。修改不便，重復(fù)代碼太多，頁面加載速度變慢。

偽類

hover 鼠標移入動作執(zhí)行后的css代碼
例：p:hover{color:blue;}

注意：鼠標移入和鼠標懸停不是一個動作。

并列并集選擇器

需要一句話選擇多個元素的時候，可以使用逗號進行連接
語法：h1,div,p,span{}

后代選擇器

選擇器中出現(xiàn)空格，代表找后代；
div span{找div的后代span} 兒子孫子重孫。。都是后代

CS

Client/Server 客戶端-服務(wù)器架構(gòu)

BS

Browser/Server 瀏覽器-服務(wù)器架構(gòu)

區(qū)別總結(jié)：
1.效率：c/s效率高，某些內(nèi)容已經(jīng)安裝在系統(tǒng)中了，b/s每次都要加載最新的數(shù)據(jù)
2.升級：b/s無縫升級；c/s刪除老版本再安裝新版本
3.安全：c/s更安全，需要安裝注冊登錄；b/s有瀏覽器即可使用，安全程度低
4.開發(fā)成本：b/s成本低；c/s需要不同的系統(tǒng)要不同的開發(fā)人員，成本高。

總結(jié)

以上是生活随笔為你收集整理的【HTML】CSS基础知识的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。