在開始寫之前先介紹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表單...