日常整理系列——笔试刷题00008

1)下面列出的浏览器,无webkit内核的是()

答案:Firefox

解析:目前主流的三大浏览器内核为:(1)webkit是一个开源的web浏览器引擎,也就是浏览器的内核。Apple的Safari,Google的chrome,Nokias60的默认浏览器,苹果手机的默认浏览器以及Android手机的默认浏览器均采用webkit作为浏览器内核;(2)Gecko,大名鼎鼎的Firefox就是采用gecko内核;(3)trident内核是微软的IE系列均使用的trident内核。注意:搜狗浏览器是双核的,双核并不是指一个页面由2个内核同时处理,而是所有网页由webkit处理,而银行网站用IE内核。

2)css 中可继承的属性有哪些()

答案:font-size  color

解析:肯定有很多人不知道什么是继承,继承就是指子节点默认使用父节点的样式属性
不可继承的属性太多,继承的属性很少,只有颜色,文字,字体间距、行高、对其方式。下面为此做个小结:

  1. 所有元素可继承:visibility和cursor
  2. 内敛元素可继承:ietter-spacing、word-spacing、white-space、line-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction
  3. 终端块状元素可继承:text-indent和text-align
  4. 列表元素可继承:list-style、list-style-type、list-style-position、list-style-image

3)关于web表单登录中用到的图形验证码的实现

答案:服务器生成验证码后一方面通过图片将验证码返回给客户端,同时在服务器端保存文本的验证码,由服务器端验证输入内容是否正确。

解析:出于安全性目的,发送到客户端的只有图片形式的验证码,服务器端保存cookie对应的图形验证码的正确文本。客户端表单提交到服务器端进行验证。

4)input属于窗体元素,层级显示比flash、其它元素都高。请判断这句话的正确与否。

答案:false

解析:

  • 在html中,帧元素(frameset)的优先级最高,表单元素比非表单元素的优先级要高;
  • 表单元素包括:文本输入框、密码输入框、单选框、复选框、文本输入域、列表域等等;
  • 非表单元素包括:链接(a)、div、table、span等;
  • 所有的html元素又可以根据其显示分成两类:有窗口元素以及无窗口元素。有窗口元素总是显示在无窗口元素的前面。
  • 有窗口元素包括:select元素,object元素,以及frames元素等等。
  • 无窗口元素:大部分html元素都是无窗口元素。

5)下面有关CSS sprites说法错误的是?

答案:CSS Sprites虽然增加了总的图片的字节,但是很好地减少网页的http请求,从而大大的提高页面的性能

解析:CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许将一个页面涉及到的所有零星图片都包含到一张大图中,利用css的background-image,background-repeat,background-position的组合进行背景定位。访问页面时避免图片载入缓慢的现象。

CSS Sprites的优点

  • css sprites能很快地减少网页的http请求,从而大大地提高页面性能,这是css sprite最大的优点,也是其被广泛传播和应用的主要原因。
  • css sprites能减少图片的字节
  • css sprites解决了网页设计师在图片命名上的困扰,只需对一张集合的图片命名,不需要对每一个小图片进行命名。从而大量提高了网页制作效率
  • css sprites只需要修改一张或少张图片的颜色或样式来改变整个网页的风格

css sprites的缺点

  • 图片合并麻烦:图片合并时,需要把多张图片有序的合理地合并成一张图片。并留好足够的空间防止板块出现不必要的背景
  • 图片适应性差:在高分辨率的屏幕下自适应页面,若图片不够宽会出现背景断裂
  • 图片定位繁琐:开发时需要通过工具测量计算每个背景单元的精确位置
  • 可维护性差:页面背景需要少许改动,可能要修改部分或整张已合并的图片,进而要改动css。在避免改动图片的背景下,又只好往下追加图片,但这样增加了图片字节

6)超链接访问过后hover样式就不出现了,被点击访问过的超链接样式不再具有hover和active了,解决方法是改变CSS属性的排列顺序?()

答案:a:active {   } a:visited{   }  a:hover{   }   a:active{   }

解析:love hate背诵规则

猜你喜欢

转载自blog.csdn.net/PINGER0077/article/details/83042097
今日推荐