2024年1月16日发(作者：)
中通数前端面试题
1、cellpadding与cellspacing有何区别？
cellpadding：代表单元格边框到内容之间的距离（留白）
cellspacing：cellspacing属性用来指定表格各单元格之间的空隙。此属性的参数值是数字，表示单元格间隙所占的像素点数。
2、CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？
CSS3新增伪类有哪些？
选择器（ # myid）
2.类选择器（.myclassname）
3.标签选择器（div, h1, p）
4.相邻选择器（h1 + p）
5.子选择器（ul > li）
6.后代选择器（li a）
7.通配符选择器( *)
8.属性选择器（a[rel = "external"]）
9.伪类选择器（a: hover, li: nth - child）
**可继承的样式： **
font-size font-family color, UL LI DL DD DT;
不可继承的样式：
border padding margin width height
优先级
优先级就近原则，同权重情况下样式定义最近者为准，载入样式以最后载入的定位为准;
优先级为:
!important > id > class > tag
important 比 内联优先级高
CSS3新增伪类举例
p:first-of-type 选择属于其父元素的首个
元素的每个
元素。
p:last-of-type 选择属于其父元素的最后
元素的每个
元素。
p:only-of-type 选择属于其父元素唯一的
元素的每个
元素。
p:only-child 选择属于其父元素的唯一子元素的每个
元素。
p:nth-child(2) 选择属于其父元素的第二个子元素的每个
元素。
:enabled :disabled 控制表单控件的禁用状态。
:checked 单选框或复选框被选中。
3、display与visibility有何异同？
display可以有很多值，visibility只有两个常用值：visible、hidden。
当display为none、visibility为hidden时都会隐藏元素。但display会隐藏掉元素空间，visibility会保留元素空间。
4、怎么在网页中实现绝对定位？
absolute
绝对定位与相对定位
5、table-layout、border-collapse有何用途？
①table-layout：设置表格是否自动调整宽高
②border-collapse：表格与单元格及单元格间的边框是否融合在一起。
10、你对浏览器兼容怎么看？通常你都做哪些处理？
浏览器的兼容性
11、get和post的区别？
GET：一般用于信息获取，使用URL传递参数，对所发送信息的数量也有限制，一般在2000个字符
POST：一般用于修改服务器上的资源，对所发送的信息没有限制。
GET方式需要使用tring来取得变量的值，而POST方式通过来获取变量的值，也就是说Get是通过地址栏来传值，而Post是通过提交表单来传值。
然而，在以下情况中，请使用 POST 请求：
①无法使用缓存文件（更新服务器上的文件或数据库）向服务器发送大量
数据（POST 没有数据量限制）。
②发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠。
12、xhtml和html有什么区别
①HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言
②最主要的不同：
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。
13、行内元素有哪些?块级元素有哪些?空(void)元素有那些？
行内元素和块级元素的区别是什么？行内块元素的兼容性使用？（IE8 以下）
块级元素：div p h1 h2 h3 h4 form ul ol dl dt dd
行内元素: a b br i span input select image strong（强调的语气）
常见空元素：
/
/
![]()
/
/
/
不常见空元素：
//
/
/
发布评论