HTML+CSS测试

1.1、以下选择器当中权重值最高的是(    )

A、#box .inner
B、.a .b .c .d .e .f .g .h .i .j .k .l .m .n .o .p .q
C、#box div
D、outer .inner
 
1.2、a标签的四个伪类是(按照正确顺序书写):a:link; 、 a:visitive; 、 a:hover; 、 a :active;
 
1.3、块标签:div 、 ul 、ol 、 dl 、table 、p 、 
        行标签:
 
1.4、网页的基本构成:
 
2、如何防止网页中的中文出现乱码:
 
3、CSS引入方式有哪些,各自拥有什么优缺点?
 
4、列举CSS有哪些种类的选择器并书写范例
 
5、行内元素和块状元素的区别是什么?
 
6、<!DOCTYPE>不写会有什么影响?
 
7、标签的隐藏(display:none和visibility:hidden)的区别
 
8、块元素的水平居中的方法
 
9、试说明img的alt和title是干什么的
 
10、试说明border:0; 和 border:none; 的区别
 
11、试说明 overflow:auto 和 scroll 区别
 
12、什么事reset(样式重置),为什么要这么做
 
13、HTML的代码规范有哪些
 
14、某种效果,有两种实现方案都可以实现,方案一:<img/>标签;方案二:背景图,两个方案如何取舍?衡量标准是什么
 
15、使用背景图合并(sprite)的好处是什么?
 
16、你如何理解绝对定位和相对定位的?都用在什么地方?
 
17、需要为一个类名为“box”的div元素,设置上外边距为20px,左外边距为15px,右外边距为20px,下外边距为25px,有哪些书写方法,最简书写方式是什么?
 
18、写出浏览器的常见hack
 
19、不同浏览器对应的内核以及内核前缀
 
20、清除浮动 的方法有哪些,谈谈你对浮动的理解
 
21、如何让元素水平垂直居中(扩展代码)
结构代码
<div class="box">
    <div class="inner"></div>
</div>
当前样式代码:
    *{ margin:0; padding:0; }
    .box{ width:600px; height:200px; background:#ccf; }
    .inner{ width:100px; height:100px; background:#fff; }
 
22、书写下面的结构代码:
 
23、左边的图片固定宽高,右边的文字自适应
 
 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。