div+css整理
div+css整理
1.塊元素 --- 沒有CSS的作用會(huì)換行
2.padding標(biāo)簽：上右下左
3.Css中引用其它CSS：@import url(“main.css”);
4.DIV的width樣式被定義了兩次時(shí)：顯示第二次載入的樣式。
5.搜索引擎收錄：<meta name=“description” content="上海浦東門戶網(wǎng)站">
6.鼠標(biāo)懸停：A.hover{}
7.XHTML 1.0和HTML4.01以前的版本
A．更加規(guī)范、嚴(yán)格。
B．在計(jì)算元素的寬度時(shí)是否忽略padding的值。
C．允許內(nèi)聯(lián)元素具有塊元素的屬性，比方給內(nèi)聯(lián)元素指定寬度。
D．元素在屬性的繼承上，區(qū)別很大。
8.造成頁(yè)面換行的:<ul> <dl> <p>
9. h1{font-size:20px;}
10.p的行間隔 p{margin-top:10px;}
11.上機(jī)題1
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
??? <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
??? <title>浦東國(guó)有資產(chǎn)——首頁(yè)</title>
</head>
<style>
body{font-size:18px; font-weight:bold;}
.div_body{background-color:Yellow;height:300px;width:40%;padding:0px 0px 0px 0px;}
.div_body p{padding:20px 0px 0px 20px;}
.div1{float:left;width:70%;background-color:Red;height:170px;}
.div2{float:left;width:70%;background-color:Blue;height:100px;padding:30px 30px 0px 0px;text-align:right;}
.div3{float:left;width:90%;text-align:right;padding:10px 0px 0px 0px;}
</style>
<body>
??? <div class="div_body" style="">
??????? <p>
??????????? body</p>
??????? <div class="div1">
??????????? <div class="div2">
??????????? div2
??????????? </div>
??????????? <div class="div3">
??????????? div1
??????????? </div>
??????? </div>
</body>
</html>
轉(zhuǎn)載于:https://www.cnblogs.com/lf_software/archive/2009/06/25/1511142.html
總結(jié)
- 上一篇： C# 操纵 Excel(tlbimp.e
- 下一篇： discuz中，修改admin密码