前端面试(每日?)五题

说是每日,我自己都不信

1.HTML元素显示模式

分为三大类:块级元素,行内元素,行内块元素

块级元素:特点是自己占一行,有宽有高,里面想放啥放啥.代表元素:div h p ol ul 

行内元素:一行能放好几个,设置不了宽高,里面就能放文本和行内元素.代表元素:a、strong、b、em、i、span

行内块元素:自己不占一行,但可以设置宽高.代表元素:input img

加入样式可以对元素进行转换:display:block(转换成块级元素)inline(行内元素)inline-block(行内块元素)

2.盒子模型

盒子由content(内容),padding(内填充),border(边框),margin(外边距组成)

存在两种模型:1标准模型(给定宽高,加padding,border盒子会变化大小)2.C3盒子模型(给定盒子宽高,加paddiing,border黑子大小不变)

3.怎么理解浮动

浮动就是让元素脱离标准流(在排档时元素按照从左到右,从上到下方式排列),在页面上飘起来,可以左浮右浮,浮动元素不占空间,浮动下面的文字不会藏在浮动元素下面,会围绕浮动元素,最开始用来做新闻排版.

如何清除浮动:1.给父盒子加入overfloat:hidden.2.利用伪类去除浮动,3加入额外标签.

4.H5新增的语义化标签

<header>头<nav>导航<footer>底部<canvas>画布<section>单元部分<article>文章<radio>音频

<video>视频<select>多选标签.....(想不起来了)

5.表单类型

说白了就是<input>里面的type值,file(上传文件),number(只能输入数字),password(密码框),area(文本域),button(普通按钮),submit(提交按钮),hidden(隐藏表单),radio(单选按钮)