css定義

可以設置網頁中的樣式外關美化
css中文名L級聯樣式表，層疊樣式表，樣式表

位置

寫在title標簽后面 style標簽里

基本書寫

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

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

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

開發人員調試工具：

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

標簽選擇器

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

id選擇器

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

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

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

類選擇器

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

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

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

命名規則與id的命名規則完全一樣。

內嵌式

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

外鏈式

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

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

行內式

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

偽類

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

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

并列并集選擇器

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

后代選擇器

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

CS

Client/Server 客戶端-服務器架構

BS

Browser/Server 瀏覽器-服務器架構

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。