发表于： 2019-05-23 22:15:25
3 652
今天完成的事情：
今天把任务六给接了，然后准备甩开膀子大张旗鼓的干一场，但是师兄说要用到boostaob，估计是要实现啥功能，挺王诚师兄说是一个类似于工具箱的东西，百度了好久也没看明白咋回事，他娘的，可能就是脑子笨。于是乎决定上腾讯课堂上面找找视频瞅瞅，然后找到了个14年的，讲的实在是太复杂了，版本还是3.3.1的，现在的版本都升到4、多了，我觉得继续看下去也没啥意义，事实上确实没懂多少。
知道了绝对定位和相对定位，看了果冻公开课的视频，上面有一个专门写的就是position的定位问题，话说果冻公开课里讲的还是很清楚的，干货满满，缺点就是有点短，而且讲的东西太少了，希望以后多出点。
主要的就是完成了下面的深度思考了吧，这个东西我找了很久的资料，深度思考的问题应该回答的比较清楚了。
明天计划的事情：明天把boostaob弄明白吧，起码知道该咋在这个工具箱里面取出我需要的代码，然后最好再把代码写出个大体，然后就是能记住的英文单词属性尽量记住，死记硬背也行，听大师兄说前端这个职业可能需要专业英语的水平，我想不学英语也是不可能了，既然逃避不了那就让暴风雨来的更猛烈些吧!
遇到的问题：
遇到的别的也没太大问题，因为今天光看的文档和视频了，没写代码，子曰工欲善其事必先利其器，老祖宗说的一点毛病都没有，我还是慢慢的磨磨枪再说吧，还有就是很多英文单词都记不住，这个还是需要慢慢来的，我用心记希望不要效果太差。
收获：
收获也没啥收获，又少了一天应该也算收获吧，哈有一句菜鸟教程上面的一句话，再牛逼的理想也抵不住你傻逼似的坚持，我以后要把我的理想按在地下摩擦。这个心态也算是非常重大的收获吧。
大家好，我是IT修真院郑州分院第17期的学员李亚兵，一枚正直纯洁善良的web程序员，今天给大家分享一下，修真院官网css（职业）任务1，深度思考中的知识点
个人脑图：
深度思考
首先说明doctyoe，这个东西中文翻译为文档声明，
<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。
<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
如何理解盒模型及其content、padding、border、margin ？
盒子模型分为两种，一个是标准盒子模型，另一个是IE盒子模型，在标准模型中，盒模型的宽高只是内容（content）的宽高，而在IE模型中盒模型的宽高是内容(content)+填充(padding)+边框(border)的总宽高。
margin是指盒子模型中，边距以外的区域，外边距是透明的。
padding指的是盒子模型中，围绕在边框内侧，内容以外的区域，内边距是透明色的，但是可以设置背景颜色。
content指的是盒子模型中的内容，用来显示图像与文本，通常在内容区域设置宽高，width，height。
border，就是盒子模型的边框，也是盒子的本身。
inline行内元素特点
和其他元素都在一行上，直到一行排列不下，才会新换一行，其宽度随元素的内容而变化。
元素的高度、宽度及顶部和底部边距不可设置
元素的宽度就是它包含的文字或图片的宽度，不可改变。
block块元素特点
每个块级元素都从新的一行开始，并且其后的元素也另起一行。
元素的高度、宽度、行高以及顶和底边距都可设置。
元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。
inline-block行内块元素特点
内联块状元素（inline-block）就是同时具备内联元素、块状元素的特点
代码display:inline-block就是将元素设置为行内块状元素。
和其他元素都在一行上；元素的高度、宽度、行高以及顶和底边距都可设置。
如何使用浏览器中的F12调试页面？
一个程序员按照要求编写一个网页，不可能一次编写就完全达到目的，一般要对自己的的代码修改调试几次后才能到达要求，浏览器的F12开发人员工具就
可以很方便的帮助程序员调试自己的代码。
F12 开发人员工具是一套按需采用的工具，网站开发人员可以随时在任何网页上使用 F12 工具，从而快速调试 JavaScript、HTML 和级联样式表
(CSS)，还可以跟踪并查明网页或网络的性能问题。
九宫格的布局你还能想到哪些办法实现？它们各自的优势劣势是什么？
fiex布局
使用Flex的一个好处是不用再担心高度塌陷的问题，而且还可以轻松实现子元素横向竖向甚至按比例伸缩扩展的布局。
浮动
绝对定位
IDE是什么？他和编辑器相比有什么又缺点？
编辑器的本质是可以写字符就行,像windows自带的写字板就是最简单的编辑器,他的识别级别在文字级,他只显示你想写入,和打开的文本内容.他不管你写什么内容.只提供接收与显示功能.
ide是集合了sdk, 语言支持包, 函数库, 编辑器在一起的软件,或者集合.可以支持你要学的特定编程语言的. 他的"识别级别"比编辑器高一级, 可以识别到编程语言, 或者这种语言的库. 往往用起来更方便. 或者更专业。
加和不加meta的viewport有什么区别？
meta viewport是专为移动设备下显示所设计的.只有检测到在移动设备上使用包含meta的文档时, meta标签才会起作用。
写到这里问题算是回答完毕了，任务一的深度思考算是结束了。
返回列表
评论