当前位置: 首页 > Web前端 > HTML5

html面试

时间:2023-04-05 20:32:53 HTML5

HTML的内联元素有哪些?什么是块级元素?什么是空(void)元素?首先:CSS规范规定每个元素都有一个display属性来判断元素的类型,每个元素都有一个默认的display值。例如,div默认显示值为“block”,即“块级”元素;span默认显示属性值为“inline”,即“内联”元素。(1)行内元素包括:abspanimginputselectstrong(强调语气)(2)块级元素包括:divulollidldtdtddh1h2h3h4...p(3)普通空元素:


document.write和innerHTMLdocument.write的区别是直接写入页面的内容流,如果在写入前不调用document.open,则浏览器会自动调用open。每次写关闭后调用此函数将导致页面被重写。innerHTML是DOM页面元素的一个属性,代表元素的html内容。您可以对特定元素进行更改。如果要修改document的内容,需要修改document.documentElement.innerElement。innerHTML将内容写入DOM节点,而不会导致页面完全重绘。在许多情况下,innerHTML优于document.write,因为它允许更好地控制刷新页面的哪一部分。document.write是重写整个文档,写入的内容是字符串的html;innerHTML是HTMLElement的属性,是一个元素的内部html内容。如何使div居中上、下、左、右?方法一:.div1{width:400px;高度:400px;边框:#CCC1px实心;背景:#99f;位置:绝对;左:50%;顶部:50%;变换:翻译(-50%,-50%);}
方法二:.div2{width:400px;高度:400px;边框:#CCC1px实心;背景:#99f;位置:绝对;左:0;顶部:0;底部:0;右:0;保证金:自动;}
方法三:.div3{width:400px;高度:400px;边框:#CCC1px实心;背景:#9f9;位置:绝对;左:50%;顶部:50%;左边距:-200px;边距顶部:-200px;}
px/em/rem有什么区别?为什么字体大小通常设置为相对于当前对象中文本的字体大小的62.5%。如果内联文本的当前字体大小没有手动设置,则它是相对于浏览器的默认字体大小。1、em的值不固定;2.em会继承父元素的字体大小。当使用rem为元素设置字体大小时,它仍然是相对大小,但仅相对于HTML根元素。这个单位可以说是结合了相对大小和绝对大小的优点。通过它,只需修改根元素就可以按比例调整所有字号,避免字号逐层复合的连锁反应。rem相对于浏览器缩放。1rem默认为16px。在响应式布局中,一个一个转换成rem太麻烦了,所以重新设置rembody{font-size=62.5%},此时1rem=10px;如果是12px,就是1.2rem.css清除浮动有多少种方法?1、父div定义height2,在最后添加空div标签clear:both3,父div定义伪类:after和zoom4,父div定义overflow:hidden5,父div定义overflow:auto6,parentdiv一起浮动7.parentdiv为什么要定义display:table来初始化css样式?由于浏览器兼容性问题,不同的浏览器对某些标签的默认值不同。如果不对CSS进行初始化,浏览器之间的页面显示往往会存在差异。CSS3有哪些新特性?CSS3实现圆角(border-radius)、阴影(box-shadow)、文字特效(text-shadow,)、线性渐变(gradient)、旋转(transform)transform:rotate(9deg)scale(0.85,0.90)translate(0px,-30px)skew(-9deg,0deg);//Rotate,scale,position,skewaddmoreCSSselectorwithmultiplebackgroundsrgbaCSS3中唯一引入的伪元素是::selection。媒体查询,多栏布局border-imageH5有哪些新特性?1.用于绘画的画布元素2.用于媒体播放的视频和音频元素3.更好地支持本地离线存储4.新的特殊内容元素,如文章、页脚、页眉、导航、部分5.新的表单控件,如日历、日期、时间、电子邮件、网址、搜索图像和文本显示在同一行?1在css中为div添加“vertical-align:middle”属性。2将图片和文字分别放到不同的div中,然后使用“margin”属性对其进行定位,使其显示在同一行。3将图片设置为背景图片。