Html 經典布局（一）

2022-03-04 03:07:34 字數 881 閱讀 9224

經典布局案例（一）：

doctype html


>


<


html 


lang


="en"


>


<


head


>


<


meta 


charset


="utf-8"


>


<


title


>css布局


title


>


head


>


<


body 


style


="margin: 0"


>


<


div 


style


=" width: 200px;height:500px;float: left"


>


div>


<


div 


style


="height: 300px;overflow: hidden"


>


div>


<


div 


style


="height: 200px;clear: both"


>


div>


body


>


html


>
上述**定義了三個div塊，用到了float浮動屬性、overflow屬性和clear屬性；（注意：具有float屬性的div塊的位置會影響頁面顯示效果）

頁面效果如下：

其中紅色div塊為定寬綠色和藍色不定寬。

Html 經典布局（三）

經典布局案例 三 doctype html html lang en head meta charset utf 8 title css布局 title head body div style height 400px width 200px float left div div style hei...

css經典布局系列一 垂直居中布局

parent child child 複製 parent child 複製 parent child 複製 parent child 複製 transfrom translate3d 50 50 width 100px height 100px 複製 複製 父元素設定 display flex ju...

Html 一些經典

標籤用於蒐集使用者資訊。根據不同的 type 屬性值，輸入字段擁有很多種形式。可以是文字字段 核取方塊 掩碼後的文字控制項 單選按鈕 按鈕等等。text 文字區域 readonly屬性 是否唯讀。password 密碼區域，輸入的文字以 展示 checkbox 核取方塊 checked屬性 是否選中...