发表于： 2018-06-17 23:09:52
1 542
今天完成的事情：学会了先用<style>定义布局，再用<div> 元素引用布局。
CSS框模型中
- padding : 内边距
- border : 边框。
- margin : 外边距 的编写
学会使用line-heigh表示行距
float表示文本浮动的位置
height width表示边框布局的高度和宽度
<html>
<style>
#header {
background-color:black;
color:white;
text-align:center;
padding:5px;
}
#nav {
line-height:50px;
background-color:#eeeeee;
height:500px;
width:100px;
float:right;
padding:5px;
}
#section {
width:350px;
float:left;
padding：600px;
}
#footer {
background-color:black;
color:white;
clear:both;
text-align:center;
padding:5px;
}
</style>
</head>
<h1>《我的天空》</h1>
</div>
再见我的爱<br>
I Wanna Say Goodbye<br>
再见我的过去<br>
I Want a New Life
</div>
<h2>我的天空</h2>
<p>
《我的天空》是南征北战为电影《青春派》 [1] 创作的主题曲和片尾曲，由南征北战作词、作曲并演唱，该歌曲蝉联QQ音乐、酷狗音乐、酷我音乐、网易云音乐等各大音乐平台热歌榜近24个月，获一致好评。
</p>
<p>
2015年6月28日，南征北战推出《我的天空》的不插电版本，后收录于南征北战2016年1月4日专辑《伪流行》中
</p>
</div>
原来黎明的起点
就在我的心里面
只要我还有梦
就会看到彩虹
在我的天空
</div>
</html>
明天计划的事情：学会解决css中浮动，边距，还有框模型的问题
遇到的问题：暂时没有
收获：学会了将简单的文本进行简单的布局分割，并调试布局空间的长宽高等参数
今天完成的事情：学习了css的浮动模型，懂得浮动的规律，学会了编辑格子
#nav {
background-color:yellow;
height:200px;
width:200px;
float:left;
padding:20px;
margin:100px;
margin-top:50px；
margin-bottom:50px;
</style>
注册了GitHub
明天计划的事情：学会使用GitHub，学会九宫格的百分比padding设置，学会css的其他参数应用
遇到的问题：GitHub还是不会上传HTML，九宫格的自适应还做不到
收获：学会了定义css浮动边框的元素
返回列表
评论