框架標籤,CSS,div,span

2021-09-24 11:46:36 字數 1668 閱讀 2863

在開始寫之前先介紹css中常見的兩種標籤

**div:**是乙個非常純淨的塊標籤,沒有自帶任何樣式,沒寬,沒有高度,沒有背景顏色。塊標籤預設寬度會佔一整行。

span:是乙個非常純淨的行標籤,沒有自帶任何樣式,沒寬,沒有高度,沒有背景顏色。行標籤不會佔據一整行,內容有多寬它就多寬。

多**標籤

框架標籤:

然後你在根據鏈結名創出相應html檔案讓其可以跳轉。

這裡要貼一下left.html的格式

進入網易

進入首頁

****

檢視它的標準格式

這個就像上面指令一樣,它的格式全都是要用style包裹起來,這裡要說一下font-family(字型格式)和background-size(背景尺寸),由於有的電腦上沒有那麼多的字型,因此選字型的時候先查查字型庫,然後就是背景尺寸。這個標籤比較有用,因為在實際中我們的大小並不能跟我們規定的地方大小相匹配,所以將的寬和高都設定為100%就可以讓吃滿整個地方,但這有可能會讓變形。

由於每個html標籤都有乙個style屬性,而我們可以在這個屬性裡通過css**來控制標籤的一些樣式,所以就有了它們二者的組合方式。

1.內聯樣式:就是將css**寫在標籤的內部

2.內部樣式:就是將css**單獨寫在乙個style標籤內,他要配合選擇器來使用,可以控制多個標籤的展示樣式

3,外部樣式:將css**單獨寫在乙個檔案中,可以對多個頁面的樣式進行控制

這幾種方式裡第一中不太常用因為要完成乙個網頁所需要的**以及標籤非常多,如果用第一二種那麼**的復用性則非常差。

這裡要提一下的是css裡面的元素定位標籤position,它的兩種模式在使用中非常常見, 相對定位relative 和絕對定位absolute,相對定位運用在浮動中,絕對定位則運用在頁面的下拉列表之類的用途中。

層的浮動是使用標籤float來實現的,向左浮動就寫left,向右浮動就寫right。這裡要說明的是層的浮動是搭配著div使用的,因為div是乙個純淨的快標籤,如果沒有浮動的話那麼它會將整行佔滿,而浮動之後則會消除這個弊端。

消除層的浮動
消除浮動之後接下來的層不會再挨著上乙個層,而是重新開始。

塊標籤;在設定上下左右的間距時,等能夠起作用

行標籤:設定左右間距,起作用,但是設定上下間距不起作用

display:none 隱藏這個標籤

inline 可以將塊標籤轉成行標籤

block:可以將行標籤轉成塊標籤

inline-block; 可以讓行標籤設定上下間距

這是乙個行標籤這是乙個行標籤
標籤的隱藏有兩種方式:

1,visibility:hidden隱藏後這個塊標籤的位置還在visible顯示

2,display:none隱藏後這個塊標籤的位置不在了block顯示

HTML表單標籤,框架標籤

form actiom 向後台伺服器提交的位址url 訪問伺服器 method 向後台的提交方式 註冊,登入等 屬性 1.action 提交後台位址 2.method 提交方式 3.js時間程式設計 onsubmit事件 表示提交是否成功,提交成功返回true,否則返回false 常用 get,po...

11 框架標籤

稱框架標記,用以宣告html檔案為框架模式,並設定視窗如何分割。則只是設定某乙個框窗內的引數屬性。rows 90,frameborder 0 border 0 framespacing 2 bordercolor 008000 引數 cols 垂直切割 rows 橫向切割 frameborder 框...

struts 框架標籤用法

分別進行解釋 frameborder 1 這個是控制顯示不顯示框架的邊框,預設值為1,1為顯示邊框,0為 不顯示邊框 標籤中的 page driverquerypagesucceed.jsp 為分框引入的頁,相當於中的src framename topframe 為這個框架的名字,可以在form表單...