DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> web網頁開發面試筆試必備小知識(必看)
web網頁開發面試筆試必備小知識(必看)
編輯:前端技巧     

HTML中行內元素與塊級元素的區別:

在標准文檔流裡面,塊級元素具有以下特點:

①總是在新行上開始,占據一整行;

②高度,行高以及外邊距和內邊距都可控制;

③寬帶始終是與浏覽器寬度一樣,與內容無關;

④它可以容納內聯元素和其他塊元素

行內元素的特點:

①和其他元素都在一行上;

②高,行高及外邊距和內邊距部分可改變;

③寬度只與內容有關;

④行內元素只能容納文本或者其他行內元素。

不可以設置寬高,其寬度隨著內容增加,高度隨字體大小而改變,內聯元素可以設置外邊界,但是外邊界不對上下起作用,只能對左右起作用,也可以設置內邊界,但是內邊界在ie6中不對上下起作用,只能對左右起作用

常見的塊級元素與行內元素:

•塊元素(block element)  

1.      * address - 地址  
2.  * blockquote - 塊引用  
3.  * center - 舉中對齊塊  
4.  * dir - 目錄列表  
5.  * div - 常用塊級容易,也是css layout的主要標簽  
6.  * dl - 定義列表  
7.  * fieldset - form控制組  
8.  * form - 交互表單  
9.  * h1 - 大標題  
10.  * h2 - 副標題  
11.  * h3 - 3級標題  
12.  * h4 - 4級標題  
13.  * h5 - 5級標題  
14.  * h6 - 6級標題  
15.  * hr - 水平分隔線  
16.  * isindex - input prompt  
17.  * menu - 菜單列表  
18.  * noframes - frames可選內容,(對於不支持frame的浏覽器顯示此區塊內容  
19.  * noscript - 可選腳本內容(對於不支持script的浏覽器顯示此內容)  
20.  * ol - 排序表單  
21.  * p - 段落  
22.  * pre - 格式化文本  
23.  * table - 表格  
24.  * ul - 非排序列表  

•  行內元素(inline element)  
1.      * a - 錨點  
2.  * abbr - 縮寫  
3.  * acronym - 首字  
4.  * b - 粗體(不推薦)  
5.  * bdo - bidi override  
6.  * big - 大字體  
7.  * br - 換行  
8.  * cite - 引用  
9.  * code - 計算機代碼(在引用源碼的時候需要)  
10.  * dfn - 定義字段  
11.  * em - 強調  
12.  * font - 字體設定(不推薦)  
13.  * i - 斜體  
14.  * img - 圖片  
15.  * input - 輸入框  
16.  * kbd - 定義鍵盤文本  
17.  * label - 表格標簽  
18.  * q - 短引用  
19.  * s - 中劃線(不推薦)  
20.  * samp - 定義范例計算機代碼  
21.  * select - 項目選擇  
22.  * small - 小字體文本  
23.  * span - 常用內聯容器,定義文本內區塊  
24.  * strike - 中劃線  
25.  * strong - 粗體強調  
26.  * sub - 下標  
27.  * sup - 上標  
28.  * textarea - 多行文本輸入框  
29.  * tt - 電傳文本  
30.  * u - 下劃線  
31.  * var - 定義變量  

以上這篇web網頁開發面試筆試必備小知識(必看)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

原文地址:http://www.cnblogs.com/yzybc/p/5643554.html

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved