1.学习网址
2.基础操作
?
?
3.基本框架
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>常用属性</title>
<style type="text/css">
#div1 {
/* width: seepx;*/
height： 600px;
/*背景颜色*/
background-color：#EEE8AA;
/*背景图片*/
background-image：url(img/result.png);
/*是否重复*/
"background-repeat: no-repeat;
}
#div2 {
/*字体颜色*/
color：#0000FF;
/*对齐方式 left center right */
text-align: left;
/*文本修饰*/
text-decoration: line-through overline underline ;
/*首行缩进*/
text-indent: 2em;
}
a {
/*去除文本效果（去除超锥接的下划线）*/
text-decoration: none;
}
#p1 {
/*对齐方式 left center right justify两端对齐*/
text-align： justify;
}
h2 {
/* display属性 none隐藏元素 block显示元素*/
display:none;
}
/*浮动*/
#d1 {
width: 100px;
height:188px;
background-color：#DA70D6；
/*浮动：左浮动*/
float: left;
}
#d2 {
width: 100px;
height: 100px;
background-color:indianred;
/*浮动：左浮动*/
float: left;
}
</style>
</head>
<body>
<!--
背景
背景颜色
背景图片
是否重复
-->
<div id="div1">
Hello
</div>-->
<hr>
<!--文本-->
<div id="div2">
Hello World
</div>
<!--去除文本修饰-->
<a href="">百度</a>
<hr>
<!--对齐方式-->
<p id="p1">
值 justify 可以使文本的两端都对齐。test在两端对齐文本中，文本行的左右两端都放在父元素的内边界上。然后，让
值 justify 可以使文本的两端都对齐。在两端对齐文本中，aa文本行的左右两端都放在父元素的内边界上。然后，让
值 justify 可以使文本的两端都对齐。在两端对齐文本中，文本行的左右两端都放在父元素的内边界上。然后，让
值 justify 可以使文本的两端都对齐。在两端对齐文本中，文本行的左右两端都放在父元素的内边界上。然后，让
值 justify 可以使文本的两端都对齐。在两端对齐文本中，文本行的左右两端都放在父元素的内边界上。
</p>
</hr>
<!--display的属性-->
<h2>Hello</h2>
<!--浮动-->
<div id="d1"></div>
<div id="d2"></div>
</body>
</html>