div就是乙個塊元素,
所謂塊元素就是會獨佔一行的元素,無論內容多少都會獨佔一行
p h1 h2 h3...都會獨佔一行
div這個標籤沒有任何語義,是乙個純粹的塊元素,他不會對
塊中的元素設定任何預設樣式
div元素主要用來對頁面進行布局
span是乙個內聯元素(行內元素)
所謂的行內元素,指的是只佔自身大小的元素,不會占用一行.
span沒有任何語義,span標籤專門用來選中文字
然後為文本來設定樣式
常見的內聯元素有:
a img iframe span
塊元素主要用來做頁面中的布局,內聯元素主要用來選中文字設定格式
一般情況下只使用塊元素去包含內聯元素,而不會使用內聯元素去包含乙個塊元素
a元素可以用來包含任意元素,除了它本身
p元素裡不可以放任何的塊元素
>
>
charset
="utf-8"
>
>
title
>
head
>
>
href
="#"
>
>
我是乙個divdiv
>
a>
>
>
span
>
div>
style
="background-color
: red;
width
:200px
">
我是乙個div
div>
style
="background-color
: yellow;
">
我是乙個div
div>
>
我是乙個p標籤p
>
>
我是乙個p標籤p
>
>
我是乙個spanspan
>
>
我是乙個spanspan
>
>
我是乙個spanspan
>
body
>
html
>
塊元素 內聯元素 內聯塊元素
元素就是標籤 在布局中常用標籤有三種 塊元素 內聯元素 內聯塊元素 1.塊元素也是行級元素 在布局中常用的標籤有 div p ul li h1 h6 dl dd dt等。在布局中的行為 如果不設定固定寬度預設百分之百，不設定高度 由內容撐起，獨佔一行 2.內聯元素也是行內元素 在布局中常用的標籤有 ...
塊元素 內聯元素 內聯塊元素
元素就是標籤，布局中常用的有三種標籤，塊元素 內聯元素 內聯塊元素，了解這三種元素的特性，才能熟練的進行頁面布局。塊元素 塊元素，也可以稱為行元素，布局中常用的標籤如 div p ul li h1 h6 dl dt dd等等都是塊元素，它在布局中的行為 內聯元素 內聯元素，也可以稱為行內元素，布局中...
塊元素 內聯元素 內聯塊元素
一 塊元素 行元素 div p ul li h1 h6 dl dt dd 盒子佔據一行 即使設定了寬度 支援全部的樣式 如果沒有設定寬度，預設的寬度為父級寬度100 二 內聯元素 行內元素 a span em b strong i 盒子並在一行 支援部分樣式 不支援寬 高 margin上下 padd...