1. 程式人生 > >盒子模型(包含級元素分類)

盒子模型(包含級元素分類)

pan color 盒子模型 inpu 首字母 tex 寬度 NPU 鍵盤

一、CSS的盒子模型

1、CSS標準盒子模型:寬度 = 內容寬度(content)+ border + padding + margin

2、低版本IE盒子模型:寬度 = 內容寬度(content + border + padding)+ margin

二、元素分類

1、行內元素

<a> 、<abbr>(縮寫)、<acronnym>(首字母)、<b>、<bdo> 、<big>、<br>、<cite>(引用)、<code>、<dfn>(定義字段)、<em>(強調)、<font>、<i>(斜體)、<img>、<input>、<kbd>(定義鍵盤文本)、<label>(表格標簽)、<q>(短引用)、<s>(中畫線、不推薦)、<samp>(代碼)、<select>、<small>、<span>

、<strike>(中劃線)、<strong>、<sub>(下標)、<sup>(上標)、<textarea>、<tt>(電傳文本)、<u>(下劃線)、var

2、塊級元素

<address>、<blockquote>(塊引用)、<center>、<dir>(目錄列表)、<div>、<dl>(定義列表)、<fieldset>(form控制組)、<form>、<h1>~<h6>、<hr>、<isindex>(input prompt)、<menu>(菜單列表)、<noframes>(frames可選內容)、<noscript>、<ol>、<p>、<pre>(格式化文本)、<table>、<ul>

3、可變元素(根據上下文語境決定該元素為塊元素或內聯元素)

<applet>、<button>、<del>、<iframe>、<ins>(插入文本)、<map>、<script>

4、空元素(在HTML[1]元素中,沒有內容的元素)

<br/>、<hr/>、<input>、<img>、<link>、<meta>

盒子模型(包含級元素分類)