#学习课程
html5
##学习要点
1 border标签的应用
2 background标签的应用
3 font-size文字间距
###课堂笔记
<title></title>
<style type="text/css">
body {
background-image: url(diqiu.jpg);
background-repeat:repeat;
background-position: center;
background-attachment: fixed;
}
.div1{
width: 500px;
height: 1000px;
background-repeat: no-repeat;
background-image: url(haiwang.jpg);
border:2px solid red ;
background-position: center;
background-position: right top ;
}
.div2{
width: 500px;
height: 500px;
background-image: url(huoxing.jpg);
background-repeat:no-repeat ;
border:2px solid blue;
background-position: center;
}
.div3{
width:500px;
height: 500px;
background-image: url(tuxing.jpg);
background-repeat: no-repeat;
background-color: red;
border: 2px solid lawngreen;
background-position: center;
}
.div4{
width: 500px;
height: 500px;
background-color:rgba(144,10,50,0.5) ;
}
</style>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
<div class="div4"></div>
</body>
</html>
图片调整知识点的运用
###课堂总结
今天学了几个用处很多的标签,老师的进度依然是那么的快,没有全部听懂,得放学后花时间来消化课堂上学习的知识要点,重点是记住标签及属性的用法。
html5
##学习要点
1 border标签的应用
2 background标签的应用
3 font-size文字间距
###课堂笔记
<title></title>
<style type="text/css">
body {
background-image: url(diqiu.jpg);
background-repeat:repeat;
background-position: center;
background-attachment: fixed;
}
.div1{
width: 500px;
height: 1000px;
background-repeat: no-repeat;
background-image: url(haiwang.jpg);
border:2px solid red ;
background-position: center;
background-position: right top ;
}
.div2{
width: 500px;
height: 500px;
background-image: url(huoxing.jpg);
background-repeat:no-repeat ;
border:2px solid blue;
background-position: center;
}
.div3{
width:500px;
height: 500px;
background-image: url(tuxing.jpg);
background-repeat: no-repeat;
background-color: red;
border: 2px solid lawngreen;
background-position: center;
}
.div4{
width: 500px;
height: 500px;
background-color:rgba(144,10,50,0.5) ;
}
</style>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
<div class="div4"></div>
</body>
</html>
图片调整知识点的运用
###课堂总结
今天学了几个用处很多的标签,老师的进度依然是那么的快,没有全部听懂,得放学后花时间来消化课堂上学习的知识要点,重点是记住标签及属性的用法。