发表于: 2018-07-06 18:38:53

1 657


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin

了解viewport。

配制enginx。

深度思考。

明天计划的事情:(一定要写非常细致的内容) 

开始任务二。

遇到的问题:(遇到什么困难,怎么解决的) 
收获:(通过今天的学习,学到了什么知识

viewport

<meta name="viewport" content="width=device-width">

<meta name="viewport" content="initial-scale=1">

效果相同,都会适应设备。

如果width 和 initial-scale=1同时出现,并且还出现了冲突,浏览器会取它们两个中较大的那个值。

完美的写法

<meta name="viewport" content="width=device-width, initial-scale=1">

 initial-scale=1 解决了 iphone、ipad的毛病,width=device-width则解决了IE的毛病。


enginx

路径必须全英文,最好使用斜杠/,反斜杠(windows内部路径常用)加一些字母是转义字符,会出问题。


深度思考

1.HTML文件里开头的Doctype有什么作用

申明HTML使用哪个版本

2.如何理解盒模型及其content、padding、border、margin?

content:盒子的内容物

padding:内容物和盒子之间部分

border:盒子本身

margin:盒子和外面容器之间的部分

3.常见的inline元素、block元素、inline-block元素有哪些?它们之间有什么区别

inline元素:a,span,strong,em,img。

特点:不换行,宽度为内容宽度,无法设置高度宽度,padding、margin只能设置左右,上下无效。

block元素:div,p,ul,h1-h6。

特点:换行,宽度默认为父元素宽度,可以设置宽高、padding、margin。

inline-block元素:不换行,可以设置宽高、padding、margin。

4.如何使用浏览器的F12调试页面?

可以更好的看到代码和网页的关系,有些元素不显示,可以找到并发现问题。只会用elements,其他的还没搞明白

5.九宫格的布局你还能想到哪些办法实现?它们各自的优势劣势是什么?

除了内联元素以inline-block显示,还可以div浮动,还可以用表格实现。优劣还不清楚。

6.IDE是什么?它和文本编辑器相比有什么优缺点?

IDE就是一个工具集,里面有各种能直接加元素效果之类的工具,但是比较大,卡电脑,例如Dreamweaver。文本编辑器就是比TXT多一些功能,代码基本全部靠手打,有插件,需要自己选择下载,小巧速度快,例如sublime。

7.加和不加meta的viewport有什么区别?

加了以后能在移动端实现自适应,不加的话会出现滚动条。




返回列表 返回列表
评论

    分享到