CSS基礎及應用例項

2021-09-26 06:53:39 字數 871 閱讀 5794

一、css簡介

1.什麼是css

重疊樣式表

主要是負責標籤的樣式 美化頁面

乙個網頁分三大部分

結構層: 主要由html負責 負責頁面的結構

表現層: 主要由css負責 頁面的展示樣式 美化頁面

行為層: 主要由js負責 負責頁面和使用者的互動效果

css是單獨的一種檔案型別 後

css的三種引入方式字尾為.css的檔案

2.css的三種引入方式

行間樣式:給標籤新增style屬性 值就是你要設定的css樣式

嵌入式:將css**寫在 head標籤內的style標籤內

外鏈式:在head標籤內通過link標籤的href屬性引入外部css檔案

一段**來看三種方式的區別:

3,css選擇器:

這裡只說最常用的三種選擇器:id選擇器,標籤選擇器,class選擇器。

用來選取要設定的html標籤

(1)標籤選擇器:通過標籤名來查詢元素

選擇符: 標籤名

影響範圍最大 一般很少單獨使用

(2)id選擇器:通過標籤的id屬性的值來獲取元素

選擇符: #

id屬性的值不能重複 ,乙個id值在乙個html檔案中只能出現一次

影響範圍最小

(3)class選擇器:通過元素的class屬性的值 來獲取元素

選擇符:.

乙個標籤的class屬性可以有多個值,

乙個class屬性的值可以被多個標籤去使用

影響範圍介於id選擇器和標籤選擇器之間

12

3

css及表單應用

實驗二 css及表單應用 1 實驗內容 應用css 要求 建立乙個css檔案,能夠對 html 頁面的p body table 鏈結狀態等常用標記進行顏色 字型 字型大小等進行精確控制 將該css檔案應用到實驗 1建立的 index.html 檔案。建立表單 建立名為feedback.html的檔案...

指標基礎及例項

指標 變數 是c c 支援的一種變數。指標變數的值是乙個位址,該位址是乙個16進製制的數。指標變數指向該位址所對應的變數。號表示指標變數。號表示二級指標 指向指標的指標 只有由它宣告的變數可以指向指標變數。type包括c 基本資料型別及自定義型別 type variable name eg int ...

CSS基礎和例項(上)

例1 css的標籤選擇器 例2 載入css檔案建立乙個css檔案,把style內容寫進去 在html檔案裡面匯入這個css檔案,效果和直接寫是一樣的 例3 float的使用 如果不用float,那麼因為是塊級標籤,他會自動變成兩行,使用float之後,漂浮起來變成一行,具體的理解是,css是分層級的...