(1)當然塊級元素是可以直接設定高度和寬度的
塊級元素:塊級大多為結構性標記
div、h1~h6、ul、ol、dl、form、table、p、hr、pre、address、center、blockquote、marquee
行內元素:行內大多為描述性標記
span、a、b、strong、i、em、img 、input、textarea、select、u、br、、、sup、sub、del
塊級元素
1.總是從新的一行開始
2.高度、寬度都是可控的
3.寬度沒有設定時,預設為100%
4.塊級元素中可以包含塊級元素和行內元素
行內元素
1.和其他元素都在一行
2.高度、寬度都是不可控的
3.寬高就是內容的寬高,不可以改變
4.行內元素只能包含行內元素,不能包含塊級元素
(2)行內元素轉換為行內塊元素或者塊元素
行內元素增加了左內邊距,但是沒有改變為行內塊元素之前:
轉換為display: inline-block;行內塊元素之後:
(3)將元素設定為「 position: absolute;」之後,就可以直接設定高度和寬度
加絕對定位之前顯示效果:
加了絕對定位之後顯示效果
/*給span沒有設定絕對定位之前,設定寬度和高度是不起作用的
*/.parent span
/*第乙個span靠左絕對定位
*/.parent span:nth-child(1)
/*第二個span靠右絕對定位
*/.parent span:nth-child(2)
style
>
head
>
<
body
>
<
div
class
="parent"
>
<
span
>測試1
span
>
<
span
>測試2
span
>
div>
body
>
html
>
(4)將元素設定為浮動之後,也可以設定寬高,元素設定為浮動之後,就可以當做行內塊元素來看
加入浮動之前
加入浮動之後
cookie有哪些字段可以設定
name欄位為乙個cookie的名稱。value欄位為乙個cookie的值。domain欄位為可以訪問此cookie的網域名稱。非頂級網域名稱,如二級網域名稱或者 網域名稱,設定的cookie的domain只能為頂級網域名稱或者二級網域名稱或者 網域名稱本身,不能設定其他二級網域名稱的cookie,...
HTML標籤小總結
加粗樣式 html標籤 1.標題標籤 2.段落標籤和換行標籤 我是乙個段落標籤 是換行標籤 3.文字格式化標籤 在這裡插入描述 4.和 標籤 和 是沒有語義的,它們就是乙個盒子,用來裝內容的。特點 1.標籤用來布局,但是現在一行只能放乙個 大盒子 2.7.特殊字元 在這裡插入描述 8.標籤 單元格內...
網頁製作時可以拿起就用的小技巧總結
前言 總結如下 一 box sizing 允許以特定的方式去定義匹配某個區域的特定元素。content box 在規定乙個框的寬高之外給這個框加內邊距和邊框。border box textarea和select預設值 在規定的乙個框的寬高之內給這個框加內邊距和邊框。看個人習慣而用,但一般標籤預設屬性...