用HTML進行網頁布局

2021-10-13 07:23:09 字數 1266 閱讀 5597

表單驗證的好處:

1.減輕伺服器的壓力

2.保證資料的可行性和安全性

表單驗證的方法:

placeholder;文字框底層文字 類似於背景文字

required;規定此框為必填項

pattern;使用者輸入的內容必須符合正規表示式所指的規則,否則就不能提交表單

選擇器

h1
style標籤

行內樣式:寫在標籤內部(style中)

內部樣式:style標籤內部(head中)

外部樣式:寫在外部的css 檔案中

內部樣式和外部樣式的優先順序:

1.如果有相同標籤,更靠近body中的html優先順序更高

2.如果沒有。內層標籤樣式優先順序更高

1.行內樣式

使用style屬性引入css樣式

直接在html標籤中設定的樣式

2.內部樣式表

css**寫在的

優點

方便在同頁面中修改樣式

缺點不利於在多頁面間共享復用**及維護,對內容與樣式的分離也不夠徹底

3.外部樣式表

css**儲存在擴充套件名為.css的樣式表中

html檔案引用擴充套件名為.css的樣式表,有兩種方式

鏈結式匯入式

鏈結外部樣式表

匯入外部樣式表

鏈結式與匯入式的區別

標籤屬於xhtml,@import是屬於css2.1 使用鏈結的css檔案先載入到網頁當中,再進行編譯顯示 使用@import匯入的css檔案,客戶端顯示html結構,再把css檔案載入到網頁當中 @import是屬於css2.1特有的,對不相容css2.1的瀏覽器是無效的

css樣式優先順序:

行內樣式》內部樣式表》外部樣式表

就近原則

標籤選擇器

基本語法:

p
類選擇器

基本語法:

.class
id選擇器

基本語法:#id

標籤選擇器直接應用於html標籤

類選擇器可在頁面中多次使用

id選擇器在同乙個頁面中只能使用一次

基本選擇器優先順序:

id選擇器》類選擇器》標籤選擇器

用CSS對網頁進行布局

今天學習了用css對網頁進行簡單的布局,感覺還不錯,下面來分享一下。首先用div給頁面分塊是基礎,網頁布局就是將網頁合理的分成乙個乙個塊。接下來寫css層疊樣式,給每個要定義樣式的div定義乙個class或id,在對應的class裡面寫好樣式,這裡最主要的用到的屬性有margin,padding,w...

利用 CSS 進行網頁布局

這裡主要主要介紹如何利用 css 來進行網頁的一欄,兩欄,三欄和混合布局 type text css body top main foot style head class top div class main div class foot div body html 效果 type text cs...

利用css進行網頁布局

網頁布局 又稱版式布局,是網頁ui設計師將有限的視覺元素進行有機的排列組合,將理性的思維個性的化的表現出來,是一種具有個人藝術特色的視覺傳達方式。傳達資訊的同時有美感。網頁設計特點 相對紙媒來說 特點 1 網頁可以自適應寬度2 網頁的長度理論上可以無限延長3 頁面為 頭部,主體部分,底部。分欄又稱為...