发表于: 2019-08-08 19:26:40
1 865
今天完成了任务三
1、学会使用外联CSS,代码:<link rel="stylesheet" href="adress">
2、注意class的命名方式问题,使用有意义的英语来命名。
3、用ps进行切图下了一个cutterman插件并且学会使用工具切图,第一次切图和第二次切图都是选中图层导出web,现在没搞明白为啥第一次切出来的有白边,当时怎么瞎操作的也忘了。。。
4、布局时候分了3个大部分,把大体的框架做出来后再里面加图片,但是在最后全部加完发现没有做到自适应,解决办法是在图片外加一个div,然后图片的宽高设为100%。
5、学会使用text-aline:center,这个是元素中的文本对齐的方式,它的值有center、left、right、justify、inherit,在本任务中主要使用的是center,目的是让文本居中对齐。
6、学习em和px的区别:
都是相对长度单位,但是px是相对的屏幕的分辨率,em是相对于当前文本的字体尺寸,
浏览器的字体尺寸默认字高符合1em=16px,需要在body中声明font-size=62.5%,1em=16px*62.5%=10px,这样px/10=em
使用em目的是更方便做到自适应
7、今天自己上手push我的文件到github上,关键的指令有git init git add xxx.xxx git commit -m"备注"
git push -u之后需要填写账号密码,然后完成了,在github中找到自己的代码文件。
8、代码连接是自己github库的链接
9、成果展示中的网站是github中set下面GitHub Pages下的网址后面加上中html的地址
今晚复习之前的没用到的其他的标签和css知识,然后开始准备任务四。
评论