发表于: 2016-02-17 00:56:14

2 2074


今天完成的事情:

    学习了CSS的基本概念,掌握了块状元素、内联元素以及内联块元素三者之间的不同点,然后在慕课上弄明白了什么是盒子模型和display的应用,最后运用Dreamweaver工具完成了task1-九宫格代码的编写并通过了nginx的调试。

明天计划的事情:

    首先巩固下这几天所学的html和css的知识要点,尤其是之前学到的例如div、float、position等标签的应用方法和注意事项,接下来就是进军task2。

遇到的问题:

    1.使用Nginx调试九宫格的html文件时,页面出现403错误(询问师兄及百度解决)

    2.由于需要支持手机,经查询后得知html需要加入meta标签,于是贸然修改了dreamweaver里的<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />,然后在调试时发现title变成了乱码(百度查询解决)

    3.虽然加入了支持手机浏览的代码,但是不知道如何在手机端调试自己写的文件是否可行(百度无果,还未解决,得寻师兄帮助

收获:

    1.在用Nginx调试时,放入html文件夹中的html文件名必须是index,不然会出现403错误。

    2.<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />这段代码的作用是描述了文档的类型和字符集以及编码,是不可或缺的,不然调试时会出现乱码,支持手机这一功能,我的方法是加入了<meta name="viewport" content="width=device-wdth,initial-scale=1,maximum-scale=1,user-scalable=1"/>这一行代码,但是由于不知道手机端如何调试,所以也不知道有没有起到作用。

结束语:

    现在发现自己是越来越喜欢这种敲代码-F12调试-出成果这种小小的成就感了,完成task1,虽然还存在些问题,但是作为一个新手小白,在CSS旅程上又踏出了一步,加油!


返回列表 返回列表
评论

    分享到