本文详细解释了前端开发中的一些基本概念，包括HTML文档类型声明的作用、不同元素类型的特性及区别、IDE与文本编辑器的优缺点对比、视口元标签的重要性、button与input按钮的区别、百分比设置的CSS属性及其计算原则、HTML语义化的重要性、移动端header的通用写法以及纯CSS实现的下拉菜单。
1.HTML文件里开头的Doctype有什么作用
答：<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
每个版本的申明方式是不同的，其中HTML5的申明方式是：
1 <!DOCTYPE html>
2.常见的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）
3.IDE是什么？它和文本编辑器相比有什么优缺点？
IDE是集成开发环境。包括了编辑器，编译器等。比如eclipse就是一款IDE。
文本编辑器用来编写程序的源代码。比如sublime就是一款编辑器。
优缺点：
IDE提供了大量的工具，不过正式因为如此，软件非常的笨重（消耗内存），大家觉得有些IDE打开时间非常慢。
文本编辑器，轻便，可以自定义插件，不过有时候需要的插件多，而且插件下载往往需要FQ不方便。
4.加和不加meta的viewport有什么区别？
viewport是浏览器的可视区域。通常viewport使用在移动端，因为移动端的往往比电脑端小，所以在移动端的时候，浏览器会出现横向的滚动条，这是用户体验所不想有的。
于是使用了meta的viewport可以消除滚动条，取而代之的采用平移和缩放的方式浏览网页的其他区域。（联系平时在手机上浏览网页即可）。
5.button和input里的button的区别
单纯的button标签里可以添加文本或者图片，形成比如imagebutton，但是要注意的是，button在不同的浏览器里面，显示的样式也是不同的。如果要选择相同的提交表单的样式，可以采用input里面的button。
6.哪些css属性可以设置百分比，其计算原则是什么？
样式属性：
定位属性：top,right,bottom,left;
盒模型属性：height,width,margin,padding;
背景属性：background-position;
文本属性：text-indent,line-height,vertical-align;
字体属性：font-size.
7.如何理解HTML结构的语义化
简单点来说就是每个标签都有自己存在的意义。尽量少用没有意义的div和span。
比如：有关章节可以用section代替div。
8.常见移动端header的写法
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
