div+css整理
div+css整理
1.块元素 --- 没有CSS的作用会换行
2.padding标签:上右下左
3.Css中引用其它CSS:@import url(“main.css”);
4.DIV的width样式被定义了两次时:显示第二次载入的样式。
5.搜索引擎收录:<meta name=“description” content="上海浦东门户网站">
6.鼠标悬停:A.hover{}
7.XHTML 1.0和HTML4.01以前的版本
A.更加规范、严格。
B.在计算元素的宽度时是否忽略padding的值。
C.允许内联元素具有块元素的属性,比方给内联元素指定宽度。
D.元素在属性的继承上,区别很大。
8.造成页面换行的:<ul> <dl> <p>
9. h1{font-size:20px;}
10.p的行间隔 p{margin-top:10px;}
11.上机题1
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>浦东国有资产——首页</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>