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

121.你常使用的HTML标签有哪些?

注意参考思路:
*对标签的理解
*对浏览器兼容问题的理解
*对h5新增标签的理解,以及h5新增属性有哪些?
*对新技术的关注以及是否自己验证过

122.说下你对标签语义化的理解

123.你知道的html行及元素和块级元素标签分别有哪些?

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

124.常用浏览器的内核有哪些?

参考我的博客:http://www.cnblogs.com/shireyhu/p/7810479.html

125.为什么要清除浮动,有哪些方式?(参见97)

126.SGML(标准通用标记语言)和HTML(超文本标记语言),XML(可扩展标记语言)和HTML的之间有什么关系?

SGML是一个标准,告诉我们怎么去指定文档标记,它是只描述文档标记应该是怎么样的元语言,HTML是被用SGML描述的标记语言

因此利用SGML创建了HTML参照和必须共同遵守的DTD,你会经常在HTML页面的头部发现“doctype”属性,用来定义用于解析目标DTD

现在解析SGML是一件痛苦的事情,所以创建了xml使事情更好。XML使用了SGML。例如:在SGML中你必须使用起始和结束标签,但在xml你可以有自动关闭的结束标签

127.doctype的作用?严格模式与混杂模式如何区分?他们有何意义?

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

128.行内元素有哪些?块级元素有哪些?空元素有哪些?

块级元素:默认display属性是block,div,ul,ol,li,dl,dt,dd,h1...h6,p,
行内元素:默认display属性是inline,a,b,span,img,input,select,strong
空元素:功能性元素,标签可以不闭合。


129.介绍一下CSS的盒子模型?

有两种,
*IE盒子模型:IE的content部分包含了border和padding
*盒模型:内容content,填充padding,边界margin,边框border

130.link和@import的区别是?

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

131.如何居中div?如何居中一个浮动元素?

设置div的margin:0 auto;

132.浏览器的内核分别是什么?

IE浏览器的内核Trident,Mozilla的Gecko、Chrome的Blink,Opera内核原为Presto,现为Blink

133.HTML语义化的理解?

134.iframe有哪些缺点?

*iframe会阻塞主页面的Onload事件;
*irfame和主页面共享连接池,而浏览器对相同域的连接有限制,所以会影响页面的并行加载。
解决办法:
使用iframe之前需要考虑这两个缺点,如果需要使用iframe,最好是通过JavaScript动态给iframe添加src属性值,这样可以绕开以上两个问题。

135.label的作用是什么?是怎么用的?

主要是和input配合使用,没有单独存在的意义

点击label时自动聚焦input输入框

136.列出display的值,说明他们的作用,position的值,relative和absolute定位原点是?

display的值:
none---使添加none属性元素隐藏
block---块级元素
inline-block---行内元素

position的值:
relative---默认没有设置left、right、top、bottom偏移值时,为浏览器的最左上脚开始为原点
absolute---父级元素没有relative时,当前元素的定位父级为document文档,父级元素有relative,父级为当前元素的定位起点

137.用纯CSS创建一个三角形

138.一个满屏“品”字布局如何设计?

139.li与li之间又看不见的空白间隔是什么原因引起的?有什么解决办法?

li使用display:inline-block以后浏览器会解析空白的字符
解决办法:使用float

140.经常遇到的浏览器的兼容性有哪些?原因。解决办法是什么?常用hack的技巧?

posted @ 2017-11-20 09:01  一只柠檬啊  阅读(248)  评论(0编辑  收藏  举报