前端笔试（校招实习）

Posted 2022-11-24 hxy-fighting

前段笔试基础题（有空更新）

 

html常见题目（包括基础知识）：

 

1、div和span的区别：

：div是块级元素的代表，每个块级元素独占一行，在不设置宽高的情况下默认宽度是父元素的100%；

 span是行内元素的代表，行内元素与其他行内元素共享一行，默认情况狭隘的宽度由内容自适应。

 

2、position的几种值与特点

absolute：绝对定位（参照距离元素最近的已定位的父元素的位置偏移，并且元素原来的位置不再保留）

relative：相对定位（参照元素原来的位置偏移，元素原来的位置保留）

fixed：固定定位，元素相对于浏览器窗口进行定位

static：为position的缺省值，默认为没有定位

 

3、怎样使宽为200px，高为200px层垂直居中于浏览器中，写出CSS样式。

            position: absolute;
            left:50%;
            top: 50%;
            margin-top: -100px;
            margin-left: -100px; 
            /* -100是因为div本身有长度和宽度，所以要将长宽考虑进去才能居中 ，这也叫补丁赋值*/
       

　　

4、html中常见的块级元素和行内元素

· 块级元素：高度，行高，以及外边距和内边距都可控制，不设置宽度则宽度默认为容器的100%，可以容纳内联元素和其他块元素

- 常见的块级元素有：<div> <dl><dt><header><footer><form><h1><h2><h3><h4><h5><h6><hr><li><ol><ul><nav><p><table><tbody><th><tr>

· 行级元素：和其他元素都在一行上，高，行高及外边距和内边距都不可改变，（设置宽度无效，高度无效，可以通过line-height来设置，只能设置左右margin和左右padding）只能容纳文本或者其他内联元素。

- 常见的行内元素有：<a><b><br><button><i><img><input>

 

5、CSS盒模型

margin外边距 ； border边框 ；padding 内边距； content：内容

CSS3新增box-sizing属性，用于更改计算元素宽度和高度的默认的CSS盒子模型