html頁面設置的高度和寬度

<span>標簽屬於行內元素（inline），所以無法設置高度和寬度；如果需要改變其寬高，就需要將其轉變為塊體元素（block）或行內塊體元素（inle-block）：

1	span{ display :inlie- block ;}

實例演示：下面給出了兩種樣式，class1設置span 的寬高，class2改變span為行內塊體元素，然后給其中一個span添加class1樣式，另一個同時添加class1和class2樣式，觀察效果

1. 創建Html元素

   1 2	< span  class = "class1" >示例文字</ span > < span  class = "class1 class2" >示例文字</ span >

2. 設置css樣式

   1 2	.class 1 { width : 200px ; height : 30px ; line-height : 30px ; padding : 10px ; margin : 20px ; border : 1px  solid  green ;} .class 2 { display :inline- block ;}

3. 觀察效果：

   第一個span因為默認為行內元素，所以寬度和高度的設置不起作用；第二個span已經改為inline-block方式，所以可以設置寬度和高度