码迷,mamicode.com
首页 > Web开发 > 详细

HTML&CSS常见问题整理(五)

时间:2017-11-16 18:36:51      阅读:259      评论:0      收藏:0      [点我收藏+]

标签:abc   实现   页面   css3   自适应   9.png   方案   缩放   并且   

81.在HTML中,SEO常见的白帽优化技巧有哪些?

82.块属性标签与行属性标签的区别?哪些标签是块属性的,哪些是行的

见我的博客:http://www.cnblogs.com/shireyhu/p/7814156.html

83.IE6和IE7有什么不同?(废弃,没有参考价值)

84.与三个兄弟div,给div设计样式float:left,如何使第二个div不浮动(不能用CSS3选择器)

给第2个div加float:none;

85.写出两个div并排显示的css样式,要求左侧的div宽度200px;字体加粗;行高30px;与右侧div的外边距10px;右侧的div宽度自适应,边框1px灰色;

技术分享

86.CSS样式引用和js引入的位置问题(为什么会放在头部或者底部)

在开发网页时,尽量将css放置在页面的header里,js不管是外部引入的或嵌入的js片段都应放在页面的尾部

因为页面在加载时,css加载时可以并发请求的(同页面中的图片,ie6除外),而js加载时需要等待一个js文件加载完成后才加载其他资源,为了页面的快速呈现,放置在尾部效果更好

同时由于嵌入的js片段会阻塞整个页面的呈现(外部引入js文件阻塞其他资源下载,也会阻塞该js引入位置以下的页面的内容呈现,所以要放置在页面的最下面)

87.下列成立的是(ABCD)

技术分享

88.XHTML中正确标记折行的标签是

89.下面不支持overflow-y属性的浏览器是(IE7)

技术分享

90.读以下代码,相邻div的垂直外边距是多少?

技术分享

相邻div的垂直外边距是50px

91.读下面一段代码,div#a和div#b哪个叠放层次更高,a覆盖b还是b覆盖a?

技术分享

a覆盖b

92.标签语义化和CSS命名语义化有什么好处?

*去掉样式或者样式丢失时页面结构依然清晰分明

*移动设备能够更加完美的展示你的网页(移动设备对css的支持较弱)

*阅读器会根据标签的语义自动解析,呈现更容易阅读的内容形式(无障碍阅读)

*搜索引擎会根据标签的语义确定上下文和权重问题

*便于后期的开发以及维护,团队合作效率更高

93.某种效果,有两种实现方案都可以实现,方案一,img标签,方案二:背景图,两个方案如何取舍?衡量的标准是什么?

以下场景使用img标签比较合适:

*如果图像是内容的一部分或图表或人,使用img标签加上alt属性

*如果你想打印页面并且你想要的图像包含默认情况下使用img

*使用img(alt文本)图像有一个重要的语义化时,比如一个警告图标,这将确保图像的意义可以很好地和user-agents沟通,包括屏幕浏览器。

*如果你依赖于浏览器缩放图像比例并且可以呈现不错的效果时使用img

*如果配合和z-index伸展背景图像来填补它的整个窗口时使用img

HTML&CSS常见问题整理(五)

标签:abc   实现   页面   css3   自适应   9.png   方案   缩放   并且   

原文地址:http://www.cnblogs.com/shireyhu/p/7845441.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!