HTML中行內元素與塊級元素的區別:
一、行內元素的特點:
1、行內元素只能容納文本或者其他行內元素。
2、寬度只與內容有關。
3、和其他元素都在一行上。
4、高,行高及外邊距和內邊距部分可改變。
二、塊級元素具有以下特點:
1、高度,行高以及外邊距和內邊距都可控制。
2、總是在新行上開始,占據一整行。
3、它可以容納內聯元素和其他塊元素。
4、寬帶始終是與瀏覽器寬度一樣,與內容無關。
三、區別有三個:行內元素與塊級元素直觀上的區別。
1、行內元素會在一條直線上分列,都是統一行的,程度偏向分列。
塊級元素各盤踞一行,垂直偏向分列。
塊級元素重新行開端停止接著一個斷行。
2、塊級元素能夠包括行內元素和塊級元素。
行內元素不克不及包括塊級元素。
3、行內元素與塊級元素屬性的分歧,主如果盒模子屬性上。
行內元素設置width有效,height有效(能夠設置line-height),margin高低有效,padding高低有效。
用css定義display屬性display:inline; /*塊元素轉行內元素*/display:block; /*行內元素轉塊元素*/如:
a
b
css:#content a{display:block;}寫2個標簽的話a 和b是并排顯示的,因為
標簽是行內元素,如果加上一個css代碼就能將
標簽轉換成塊元素了,這種方法我們很常用的,如果
元素轉化塊元素就能改變寬高了
HTML中的img標簽:
1.img標簽中的img其實就是英文image的縮寫
img標簽的作用就是告訴瀏覽器我們需要顯示一張圖片。
2.img標簽格式:<img src="">
其實img標簽中的src是英文source的縮寫。
所以img標簽中的src就是用來img標簽,需要顯示的圖片名稱。