Nachdem Sie ihm gefolgt sind, k?nnen Sie seine dynamischen Informationen zeitnah verfolgen
Kurse in der entsprechenden Rubrik:HTML+CSS 輕松入門之塊級元素
每個塊級元素都從新的一行開始,并且其后的元素也另起一行。(真霸道,一個塊級元素獨占一行) 元素的高度、寬度、行高以及頂和底邊距都可設(shè)置。 元素寬度在不設(shè)置的情況下,是它本身父容器的100%(和父元素的寬度一致),除非設(shè)定一個寬度。
2016-11-260個贊
Kurse in der entsprechenden Rubrik:HTML+CSS 輕松入門之內(nèi)聯(lián)元素
和其他元素都在一行上; 元素的高度、寬度及頂部和底部邊距不可設(shè)置; 元素的寬度就是它包含的文字或圖片的寬度,不可改變
2016-11-260個贊
Kurse in der entsprechenden Rubrik:HTML+CSS 輕松入門之內(nèi)聯(lián)塊狀元素
和其他元素都在一行上; 元素的高度、寬度、行高以及頂和底邊距都可設(shè)置。
2016-11-260個贊
Kurse in der entsprechenden Rubrik:HTML+CSS 輕松入門之 盒子模型
通過盒子模型,我們可以為我們的內(nèi)容設(shè)置邊界,留白以及邊距,盒子模型最典型的應(yīng)用是這樣:我們有一段內(nèi)容,可以為這段內(nèi)容設(shè)置一個邊框,為了讓內(nèi)容不至于緊挨著邊框,可以設(shè)置 padding ,為了讓這個盒子不至于和別的盒子靠得太緊,可以設(shè)置 margin。
2016-11-260個贊
Kurse in der entsprechenden Rubrik:HTML+CSS 輕松入門之盒子模型之邊框(上)
border:1px solid red; border-width: 1px; /*粗細*/ border-style: solid; /*樣式,實線,虛線,等*/ border-color: red; /*顏色*/ dashed(虛線)| dotted(點線)| solid(實線)
2016-11-260個贊
Kurse in der entsprechenden Rubrik:HTML+CSS 輕松入門之盒子模型之邊框(下)
border-top 上 border-left 左 border-right 右 border-buttom 下
2016-11-260個贊
Kurse in der entsprechenden Rubrik:HTML+CSS 輕松入門之盒子模型之寬度高度
元素實際寬度(盒子的寬度)=左邊界+左邊框+左填充+內(nèi)容寬度+右填充+右邊框+右邊界
2016-11-260個贊
Kurse in der entsprechenden Rubrik:HTML+CSS 輕松入門之盒子模型之填充
padding-top:10px; padding-right:10px; padding-buttom:10px; padding-left:10px;
2016-11-260個贊
Kurse in der entsprechenden Rubrik:HTML+CSS 輕松入門之盒子模型之邊界
<div id="dv1">php中文網(wǎng)</div> <div id="dv2">中華民族偉大復興</div> <style type="text/css"> div{ width:200px; height:200px; border:1px solid red; } #dv2{margin-top:30px;} </style>
2016-11-260個贊
Kurse in der entsprechenden Rubrik:HTML+CSS 輕松入門之布局模型
流動模型(position:static) 浮動模型(float:left、right) 層模型(position:absolute、fixed、relative)
2016-11-260個贊
Kurse in der entsprechenden Rubrik:HTML+CSS 輕松入門之流動模型之塊狀元素
塊狀元素都會在所處的包含元素內(nèi)自上而下按順序垂直延伸分布,因為在默認狀態(tài)下,塊狀元素的寬度都為100%。實際上,塊狀元素都會以行的形式占據(jù)位置
2016-11-260個贊
Kurse in der entsprechenden Rubrik:HTML+CSS 輕松入門之流動模型之內(nèi)聯(lián)元素
在流動模型下,內(nèi)聯(lián)元素都會在所處的包含元素內(nèi)從左到右水平分布顯示。(內(nèi)聯(lián)元素可不像塊狀元素這么霸道獨占一行)
2016-11-260個贊
Kurse in der entsprechenden Rubrik:HTML+CSS 輕松入門之浮動模型
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #dv1{ width:100px; height:100px; background:green; } #dv2{ width:100px; height:100px; background:red; } </style> </head> <body> <div id="dv1"></div> <div id="dv2"></div> </body> </html>
2016-11-260個贊
Kurse in der entsprechenden Rubrik:HTML+CSS 輕松入門之層模型
絕對定位(position: absolute) 相對定位(position: relative) 固定定位(position: fixed)
2016-11-260個贊
Kurse in der entsprechenden Rubrik:HTML+CSS 輕松入門之HTML+CSS綜合實例(一)
rowspan 合并豎向單元格,你合并幾個,就要把下面的單元格td 刪除幾個減去一 colspan 合并橫向單元格
2016-11-260個贊