发表于： 2017-06-12 21:15:15
2 1069
今天完成的事情：模块管理，面试（没啥意思，没技术面，也没人能带我，还远的要死，工资开的不如实习？are you OK？？？？雷军问号脸？？）
明天计划的事情：准备开始写前台页面
遇到的问题：暂无
收获：开始任务后的深度思考解析，第一天是css任务一后面的问题。
1.HTML文件里开头的Doctype有什么作用（答案在w3c找的）
定义和用法
<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。
<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML，所以不需要引用 DTD。
2.如何理解盒模型及其content、padding、border、margin？
盒子模型是html+css中最核心的基础知识，理解了这个重要的概念才能更好的排版。我们可以把所有HTML元素都可以看作盒子，里面包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。
最内部的框content是元素的实际内容，也就是元素框。当元素为块级元素或内联块级元素时， 可以设置width，height属性来设定内容区的宽高。而内联非替换元素设置width,height属性无效，其宽度随元素的内容而变化。 当默认情况下，块级元素宽度自动填满其父元素宽度。
Padding属性定义了元素边框与元素内容之间的空间。其值不可为负值，背景图与背景色可以显示在padding上。当在内联非替换元素上设置padding时，不会影响行高计算，但背景色可以显示，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。
border指盒模型的边框，边框的相关的属性:宽度(border-width)、样式(border-style)、颜色(border-color)。在默认情况下，背景会延伸到边框所在的区域下面。如果不希望背景侵入边框所在的范围，我们要做的就是把它的值设置为background-clip;padding-box.
margin是外边距,与padding不同的是，margin可以为负。两个上下方向相邻的元素框垂直相遇时，外边距会合并，合并后的外边距的高度等于两个发生合并的外边距中较高的那个边距值，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。
当一个元素出现在另一个元素上面时，第一个元素的下外边距与第二个元素的上外边距会发生合并。当一个元素包含在另一个元素中时（假设没有内边距或边框把外边距分隔开），它们的上和/或下外边距也会发生合并。
3.常见的inline元素、block元素、inline-block元素有哪些？它们之间有什么区别
inline-内联元素
内联元素又名行内元素，和其他元素都在一行上；
常见元素：a,span,br,i,em,strong,label,q,var,cite,code
inline元素特点:
1、和其他元素都在一行上；直到一行排不下，换下一行。
2、元素的高度、宽度及顶部和底部边距不可设置；但水平方向可以设置，如margin-left,margin-right,padding-left,padding-right
3、元素的宽度就是它包含的文字或图片的宽度，不可改变。
4、只能容纳文本或者其他内联元素
block-块级元素
在html中div、 p、h1、form、ul 和 li就是块级元素。设置display:block可以将元素显示为块级元素。
常见元素：p,div,p,h1...h6,ol,ul,dl,table,address,blockquote,form
block元素特点:
1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行）
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。
内联块状元素（inline-block）
就是同时具备内联元素、块状元素的特点，代码display:inline-block可以将元素设置为内联块状元素。
常见元素：img，input
inline-block元素特点:
1、和其他元素都在一行上；
2、元素的高度、宽度、行高以及顶和底边距都可设置。
4.IDE是什么？他和文本编辑器有什么区别？优势是什么？
IDE,Integrated Development Environment，集成开发环境。集成了代码编写功能、分析功能、编译功能、调试功能等一体化的开发软件服务套。所有具备这一特性的软件或者软件套（组）都可以叫集成开发环境。例如Visual Studio系列,webstorm，vscode。
有哪些常用的文本编辑器？
很多文本编辑器都可以拿来做web开发。例如：notepad++，win自带记事本，editplus，Emacs，atom，VIM。（基本没用过这些鬼，editplus之前用过一下，感觉就是功能多一点的记事本）
IDE和文本编辑器相比有何优劣？
IDE功能强大：自动帮你组织编译代码，有各种方便好用的调试器，集成了版本控制和协作工具，可以方便的生成各种代码的流程图和报表。
单单文本编辑器是组织不了一个大项目的。文本编辑器只负责读、写文件。
剩下的问题：如何用F12调试页面，感觉只可意会不能言传，主要是可以直接在浏览器中写代码测试，以及用 盒子模型 直接修改来测试。
meta 中的viewport，这个属性太理论了。关于像素的一堆东西啪啦啪啦的。
返回列表
评论