面试题

面试题 李创成
文章标签: 面试题

1.标签怎么分类?有什么区别?

标签独占一行,可指定宽、高的块状标签;

标签在一行内,宽度与高度由内容决定,只有在内容超过HTML的宽度时,才会换行的行内标签;

同时具备内联元素、块状元素特点的行内块状标签。

2.怎么制作表格?怎么实现跨行和跨列?

先用table声明表格,再根据需要用tr,td制作单元格

跨行:根据需要用rowspan填写跨的行数,再删除多余的行。

跨列:根据需要用colspan填写跨的列数,再删除同行中多余的td.

3.css基本选择器有哪些?怎么理解优先级?

标签选择器,类选择器,id选择器。

基本选择器中,id选择器>类选择器>标签选择器

样式表优先级: 行内样式>内部样式>外部样式  (还需要遵循就近原则)

如果是复合选择器,那么我们就需要对权值进行计算,权重高的优先级就高。

行内样式,权值为1000。

ID选择器,权值为100。

类,伪类和属性选择器,权值为10。

标签选择器,权值为1。

!important增加权值

em{color: blueviolet !important;}

4.伪类样式有哪些?列表和背景样式怎么做?

:link 未点击时;

:visited 点击访问后

:hover 鼠标悬停之上时

:active 点击未释放鼠标时

list-style-type列表类型

list-style-image列表图片

list-style-position列表定位

background-color背景颜色

background-image背景图片

background-position背景定位

5.简述下盒子模型?

 CSS盒子模型(也叫框模型)就是在网页设计中经常用到的CSS技术所使用的一种思维模型。盒子模型和我们日常生活中的盒子一样,也就是能装东西的一种容器。它包括的属性有:边框(border)、内边距(padding)、外边距(margin)和内容(content)。

 IE盒子模型的范围也包括 margin、border、padding、content,和 w3c 标准盒子模型不同的是:IE 盒子模型的 content 部分包含了 border 和 padding。

标准盒子的宽度=内容(content)

IE盒子的宽度=内容+边框+内边距

W3C的盒模型方式被称为“content-box”,IE的被称为“border-box”。

6.如何隐藏元素?

1. visibility: hidden; 隐藏元素,但还会占用位置,取值visible为元素可见

  

2. opacity: 0;  透明度为0不可见,1为可见,取值为0~1之间

   

3. filter: alpha(opacity=40);  设置透明度,取值为0~100之间

    

4. 使用外边距让元素超出浏览器边缘也可设置元素隐藏。

     

5. overflow:hidden; 溢出处理也可隐藏元素,取值auto,scroll,hidden;

7.浮动有什么特点?会对元素有什么影响?

浮动后就没有按原来的方式排列,脱离了标准流,成为了浮动流。

2.当一个盒子浮动后,它会漂浮在其他没有浮动的盒子之上。

3.盒子浮动后本身的宽高发生的变化,变成了只包含内容的大小。

4.当子盒子浮动时,影响了父盒子的大小。

8.定位有哪些?分别有什么特点?

绝对定位,相对定位,固定定位

相对定位的特点:

1.使用相对定位的元素,它的偏移是以原来的位置作为基点偏移的

。2.相对定位的元素依然属于标准流,它原来的地方还被占据着。

3.设置了相对定位的元素偏移不会对其他盒子造成影响。

绝对定位的特点:

1.使用绝对定位的元素,它的偏移是以也使用了定位的最近一个祖先元素的位置作为基点偏移的。如果祖先

元素都没有设置定位则以浏览器窗口作为基点偏移

2.相对定位的元素已经脱离了标准流。

固定定位的特点:

1.使用固定定位的元素,它的偏移是以浏览器窗口作为基点偏移

2.设置了固定定位的元素始终固定在某个位置,会随着浏览器滚动条滚动。

    

3.固定定位的元素脱离了标准流

还能输出{{restrictNumber}}个字符  
  • {{reply.author}}

    {{CommonUtil.formateDate(reply.ac_CommentDate).shortTime}}
  • 回复了{{Comments.author}} :