发表于： 2018-08-16 23:14:20
1 664
今天完成的事情
1.任务八第二个页面基本完成，还差一点小细节，第三个页面做了工程师介绍的方格
2.复习了下表格知识
明天计划的事情
继续任务八
遇到的问题
第三个页面觉得好难，做出来的方格有点大，中间旋转的那个画面还没思路
收获
1.text-indent属性规定文本块中首行文本的缩进。允许使用负值。如果使用负值，那么首行会被缩进到左边。值可以是px % rem
2.表格：border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。
值：separate默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。
collapse如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。
inherit规定应该从父元素继承 border-collapse 属性的值。
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Bill</td>
<td>Gates</td>
</tr>
<tr>
<td>Steven</td>
<td>Jobs</td>
</tr>
</table>
样式<style type="text/css">
table
{
border-collapse:collapse;
}
table, td, th
{
border:1px solid black;
}
</style>
表格定宽高，可以给td加width和heignt，单元格文字对齐方式可用 text-align调整。
3.动画学习
<body>
<div></div>
</body>
样式 div{
width:100px;
height:100px;
background:red;
animation:myfirst 5s;
}
@keyframes myfirst
{
from {background:red;}
to {background:yellow;}
}
返回列表
评论