一、**
1.**的作用:顯示屬性
**:table,行:tr,列:td
2.**中的屬性
width 寬度
height 高度
border 邊框
bordercolor 邊框顏色
cellspacing="" 相鄰單元格邊框間的間距
cellpadding="" 內容距邊框之間的間距
align=「center/left/right」 水平對齊方式,居中/左對齊/右對齊
valign=「top/bottom/middle」 垂直對齊方式,頂部/底部/居中,垂直方向一般預設居中
3.合併單元格
注:只要跨行的都是合併行、不跨行的都是合併列!
rowspan="" 合併行,屬性值為合併的單元格數量
colspan="" 合併列,屬性值為合併的單元格數量
注:無論合併行、還是合併列 操作的都是td
二、表單
1.作用:收集使用者資訊
其中,action=「url(路徑)」為表單提交的路徑,method=「get/post」為資料的傳輸方式,其中還有name=「」,屬性值為表單的名稱。
2.表單屬性
type="" 指定input生成的型別(輸入框、提交按鈕、空按鈕。。。)
value="" 根據type型別的不同,作用也是不一樣的。
maxlength="" 輸入字元的最大長度
name=「」 當前表單元素的名稱
size="" 以字元為單位的,控制表單元素的大小(了解)
3.input標籤,type型別
三、css語法
1.簡介
css即層疊樣式表,最新版本為css3.0,在之前的基礎上增加了一些內容.相比html操作元素的樣式更加便利,功能性更強,有利於維護
2. 作用:渲染網頁。
3.語法
選擇符例:div
語法說明:
a.選擇符選擇的是html標籤
b.所有的css宣告都要放在大括號裡面
c.css宣告 包括 屬性 和 屬性值
d.css的屬性和屬性值 使用冒號進行連線
e.每條宣告的後面用分號結尾。
f.如果乙個屬性有多個屬性值的時候,屬性值和屬性值之間用空格隔開。
注:所有的css** 都要放在css樣式表裡面.
四、css樣式表
1.css樣式表分為內部樣式表,外部樣式表,內聯樣式表。
2.內部樣式表:
css內部樣式表
注:內部樣式表,盡量放在head描述區裡面。
3.外部樣式表
a.建立乙個字尾名為.css的檔案;
b.匯入外部樣式表(共有兩種方式):
i.href="" 連線路徑
rel=「stylesheet」 建立關聯性
ii.以上兩種方法的區別:
i:本質區別:
link 屬於html乙個標籤。
@import 屬於css提供的乙個方法。
ii:載入順序:
link匯入的css 和 html結構 同時載入。
@import 先載入結構,後載入樣式。
iii:相容性的差別:
link相容性更好一些。
iv:js操作dom樣式的差別。
@import匯入的css是無法通過js做動態樣式的修改。
綜上所述,經常使用的是link
4.內部樣式表(行間樣式、行內樣式)
《標籤 style=「內聯樣式」>標籤》
前端學習第三天
float left 設定左浮動 z index 100 重疊時顯示的順序,值越大越在上面 position fixed 固定 text align center 字型對齊方式 z index 屬性設定元素的堆疊順序 擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。所以,z index 9...
前端學習 第三天
css 指層疊樣式表 cascading style sheets 為了顯表現html 元素,使html內容與表現分離。當瀏覽器顯示文件時,它必須將文件的內容與其樣式資訊結合。它分兩個階段處理文件 1 瀏覽器將 html 和 css 轉化成 dom 文件物件模型 dom在計算機記憶體中表示文件。它把...
學習前端的第三天
定義 內容從左到右,從上到下書寫的。前面的內容大小或者位置發生變化時,後面的內容位置也會隨之變化。web頁面,就是乙個標準的文件流。內容跟咱們的書寫順序有關。1 空白摺疊現象 無論多少個空格,tab,換行都會摺疊為乙個空格。張老師 真好看 2 高矮不同,底部對齊 一gia哦我裡gia哦 3 一行寫滿...