发表于： 2020-05-27 19:50:01
0 1401
一、今日完成的事情
1.搭建软件运行环境 webstorm
2.基本标签了解 头标签 排版标签：字体标记：超链接 图片标签
3.css样式标签了解 衣服比喻
4.盒子模型了解 CSS技术所使用的一种思维模型。
5.盒子模型计算方法 标准法 IE法
6.浮动元素了解 float
7.px单位了解
8.实现一个盒子模型
9.实现九宫格
所有块左浮动 float: left、设置弧度 添加圆角的属性：border-radius 如何设置颜色 background-color: orange;
10.自适应 Viewport <meta name="viewport" content="width=device-width, initial-scale=1.0">
11.nginx配置 访问静态服务 古尘的配置文章
12.手机访问网页 192.168.01.119/task1.html
13.谷歌调试工具查看
其他
1.css三种样式 2.css三种选择器
二、明天计划的事情
1.尽快开始任务2
三、遇到的问题
1.任务1做的零零碎碎的 做了好久至少半月了 今天抽空写个日报，做任务也比较着急 碰到的问题都没记录，解决了就换下一个问题了
2.资料查询方面总是浪费时间 ，无法辨识有用的资料
5.查单词时间太多 不会看错误
四、收获
1.对css有了一个基本的了解
代码
.dd{
padding-left: 30%;
padding-bottom:30%;
border-radius: 20%;
background: orange;
margin: 1%;
float: left;
}
<!DOCTYPE html>
<html>
<head>
<tile></tile>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="scratch.css">
</head>
<body>
<div class="dd"></div>
<div class="dd"></div>
<div class="dd"></div>
<div class="dd"></div>
<div class="dd"></div>
<div class="dd"></div>
<div class="dd"></div>
<div class="dd"></div>
<div class="dd"></div>
</body>
</html>
返回列表
评论