是層疊樣式表單,用於(增強)控制網頁樣式並允許將樣式資訊與網頁分離的標記語言。
實際開發中主要用於設定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...