html面试
时间:2023-04-05 20:32:53
HTML5
方法二:.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将图片设置为背景图片。