发表于: 2018-07-06 18:38:53
1 656
今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了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有什么区别?
加了以后能在移动端实现自适应,不加的话会出现滚动条。
评论