html小總結(哪些可以直接設定高度和寬度)

2022-09-23 23:36:18 字數 3811 閱讀 9245

(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預設值 在規定的乙個框的寬高之內給這個框加內邊距和邊框。看個人習慣而用,但一般標籤預設屬性...