今天完成的事情. 思考css任务一的深度思考 1.HTML文件里开头的Doctype有什么作用 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写，它为一个声明。 2.如何理解盒子模型及 其content. padding、 border、 margin? 盒子模型是css最基础的东西，在html css中的元素都可以看成每一个盒子。盒子组成有内容content 内边距padding 边框border 外边距margin 3.常见的inline元素、block元素、inline-block元素有哪些？它们之间有什么区别 inline： 内联元素 不换行 宽度随内容变化 无法设置width和height属性 padding和margin只有水平方向有用，竖直方向无效 常见的inline元素：span，a，br，strong，lable，input，selecte，Textarea，img。 block： 是块级元素 会自动换行 默认宽度填满父元素，可以设置height，width，margin和padding 常见的block元素：div，p，form，table，h（1-6） inline_block 是内联块元素 不会自动换行 可以设计width height 常见元素有 img input 4.如何使用浏览器的F12调试页面? 在谷歌按f12可进入调试页面，鼠标放在代码行上可显示对应效果。 5.IDE是什么?它和文本编辑器相比有什么优缺点? IDE是集成开发环境。包括了编辑器，编译器等。比如eclipse就是一款IDE。 文本编辑器用来编写程序的源代码。比如sublime就是一款编辑器。 6.加和不加meta的viewport有什么区别？ viewport是浏览器的可视区域。viewport使用在移动端，因为移动端的往往比电脑端小，所以在移动端的时候，浏览器会出现横向的滚动条。 于是使用了meta的viewport可以消除滚动条，取而代之的采用平移和缩放的方式浏览网页的其他区域。 明天计划的事 继续完成任务三 遇到的问题 涉及到任务1的深度思考大部分都能简单说出，但如有几种方法实现九宫格，基础掌握还少，还需百度。 收获 再次对任务1以及 html css 格式有所理解