網頁開發基礎 CSS

2021-10-08 21:00:30 字數 1100 閱讀 6186

是層疊樣式表單,用於(增強)控制網頁樣式並允許將樣式資訊與網頁分離的標記語言。

實際開發中主要用於設定html頁面中的文字內容(字型、字型大小、對齊方式等)、的外形及版面布局等外觀顯示樣式。

規則如下

選擇器
上式中選擇器用於指定css樣式作用的html物件,屬性是對該物件的具體樣式。

案例:通過css樣式對< div>標記進行設定如下:

div
上面div為選擇器,表css樣式作用的html物件;px表畫素它是相對於顯示器螢幕解析度而言的,而百分比(%)是相對于父物件而言的,如一元素呈現的寬度為400px,子元素設定為50%,那麼子元素寬度為200px.

(1)預定義的顏色值,如red,green,blue等

(2)rgb**,如紅色可以用rgb(255,0,0)或rgb(100%,0%,0%),0的%不能省略。

(3)十六進製制,如#ff0000、#ff6600、#29d794等。最常用

要使用css修飾網頁,就需要在html文件中引入css。兩種方式:內嵌式和鏈入式。

(1)內嵌式:將css**集中寫在html文件的< head>頭部標記中,並用< style>標記定義,語法如下:

上述中,< style>標記一般位於< head>標記的< title>標記之後,必須設定type值為text/css.這樣瀏覽器才知道< style>標記包含的式css**。

注:只對其所在html頁面有效,只設計乙個頁面時有效,若是**不建議使用。

上述link標記三個屬性:

a.href:定義所鏈結外部樣式表檔案的位址。

b.type:定義所鏈結文件的型別。

c.rel:定義當前文件與被鏈結文件之間的關係,這裡需指定stylesheet,表示被鏈結的文件是乙個樣式表檔案。

(1)標記選擇器:所有的html標記都可以作為標記選擇器的標記名

(2)類選擇器:使用.(英文.號)標識後面緊跟類名

(3)id選擇器:使用」#「標識後面緊跟id名

HTML和CSS網頁開發基礎

一 html文件結構 html文件結構 構成html頁面中最基本的元素。html常用標記 1.換行標記 2.段落標記 3.標題標記 數字越小,級別越高。4.居中標記 需居中內容 5.文字列表標記 有序無序 二 標記 1.標記 標記中有很多屬性,如width設定 的寬度,border設定 的邊框,al...

css網頁布局基礎

塊級元素,行級元素都是盒子模型 三種定位機制 標準文件流 浮動 float 及絕對定位 margin auto 1 設定了浮動的元素仍然處於標準文件流中 2 當設定浮動,沒有輸入內容,就會縮成乙個點 3 浮動會影響接下來的下乙個元素 4 清除浮動 clear both width 100 overf...

網頁開發基礎流程

index.html default.html 檔案 入口檔案 css 資料夾 管理所有css檔案 js 資料夾 管理所有js檔案 a 從上到下的方式 比較適合新手 b 先確定結構再在結構中填充內容 老司機 乙個國外的初始化包推薦 charset utf 8 a 去掉標籤的預設margin和padd...