午夜国产一级毛片AV,伊人官网在线久草,狠狠干天天日夜夜

首頁免費課如何用CSS進行網頁布局筆記

如何用CSS進行網頁布局

最熱最新

398798008

div居中： {margin:0 auto}

查看全部

0 采集收起來源：一列布局
2016-03-02
事盡人隨

三列布局的固定可以用絕對定位來實現，position：absolute《定位和絕對定位》

查看全部

0 采集收起來源：三列布局
2016-03-02
SayHiTo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>混合布局編程挑戰</title> <style type="text/css"> body{ margin:0; padding:0; font-size:30px; color:#fff} .top{width:100%;background:gray;height:100px;} .main{background:red;height:500px;} .left{width:200px;background:blue;height:500px;position:absolute;top:100px;left:0;} .right{background:green;height:500px;margin-left:210px;} .foot{width:100%;background:orange;height:50px;} </style> </head> <body> <div class="top">top</div> <div class="main"> <div class="right">right</div> <div class="left">left</div> </div> <div class="foot">foot</div> </body> </html>

查看全部

0 采集收起來源：編程挑戰
2018-03-22
SayHiTo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>混合布局編程挑戰</title> <style type="text/css"> body{ margin:0; padding:0; font-size:30px; color:#fff} .top{width:100%;background:gray;height:100px;} .main{background:red;height:500px;} .left{width:200px;background:blue;height:500px;float:left;} .right{background:green;height:500px;margin-left:210px;} .foot{width:100%;background:orange;height:50px;} </style> </head> <body> <div class="top">top</div> <div class="main"> <div class="left">left</div> <div class="right">right</div> </div> <div class="foot">foot</div> </body> </html>

查看全部

0 采集收起來源：編程挑戰
2018-03-22
郎建偉 02:51

不錯不錯

查看全部

0 采集收起來源：內容簡介
2016-03-02
SayHiTo

float和position:absolute可以讓元素脫離文檔流。

查看全部

0 采集收起來源：評測題目
2016-03-01
如我這般

惡氣大旗網e

查看全部

0 采集收起來源：混合布局
2016-03-01
如我這般

怕呵呵呵

查看全部

0 采集收起來源：三列布局
2016-03-01
龍龍__

清除浮動clear:both

查看全部

0 采集收起來源：實踐題
2016-03-01
天然呆湯湯

三列布局：可以用固定的寬度和float,也可以用position:absolute、margin來實現

查看全部

0 采集收起來源：三列布局
2016-03-01
果兒媽媽

布局：又稱版式布局，是網頁UI設計師將有限的視覺元素進行有機的排列組合。網頁：寬度自適應、高度無限制

查看全部

0 采集收起來源：內容簡介
2016-03-17
慕桂英2101698

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>混合布局編程挑戰</title> <style type="text/css"> body{ margin:0; padding:0; font-size:30px; color:#fff} .top{width:1000px;height:100px;background:gray;} .main{width:1000px;height:600px;background:red;} .left{ width:300px;height:600px;background:blue;float:left;} .right{width:680px;height:600px;background:green;float:right;} .foot{width:1000px;height:50px;background:orange;clear:both;} </style> </head> <body> <div class="top">top</div> <div class="main"> <div class="right">right</div> <div class="left">left</div> </div> <div class="foot">foot</div> </body> </html>

查看全部

0 采集收起來源：編程挑戰
2018-03-22
Linux小鳥

一行文本時，height與line-height的值相同時，文本垂直方向居中

查看全部

0 采集收起來源：一列布局
2016-02-29
未央宮者

現在main中做一個相對定位，然后left做一個絕對定位，當然，left的絕對定位是以main為起點的絕對定位。（自己想的，多多指點）

查看全部

1 采集收起來源：編程挑戰
2016-02-29
未央宮者

浮動（float）和絕對定位（position：absolute）可以讓文檔脫離文檔流。

查看全部

0 采集收起來源：評測題目
2016-02-29