學習前端的第三天

2021-10-04 02:53:04 字數 1883 閱讀 5687

一、**

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 一行寫滿...