1.<image>上标签的title属性与alt属性的区别
答：
alt属性，图片如果没有正确加载出来，则会显示alt的值。看下效果。
image.png
image.png
title属性，图片不论是能不能加载出来，当你鼠标划过图片的时候，会出行title的值。
image.png
image.png
2.简述src与href的区别。
href在<a>与<link>里面用。src在<img>``<script>等标签里面用。
src的值是一个路径，指向了外部资源的位置，将指向的内容引入到其所在标签的位置并应用。
href相当于一个纽带，用于在当前文档和其所指向位置直接起了一个连接作用。
3.清除浮动
clear:both,表示其两边都不存在浮动元素。在父级容器结尾处设置一个空的div,然后把clear:both样式给这个空的div添加- 给它的父级元素设置
height,让其用高度，不用获取或者被其他元素撑高。- 给它的父级元素加上
overflow:hidden;或者overflow:auto;样式。
4.列举几种隐藏元素的方法
display:none;overflow:hidden;visibility:hidden;
5.为什么要初始化css样式？
因为浏览器的兼容问题，不同浏览器对于有些标签的默认值是不同的，如果没有CSS初始化往往会出现浏览器之间的页面显示差异。
6.:link,:hover,:visited,:active的执行顺序。
牢记“LOVE”“HATE”这两个单词就行
所以呢，执行顺序就是:link，:visited，:hover，:active。对应单词里边的“L”，“V”，“H”，“A”字母。
7.line-heigth有几种赋值方式，有何区别。
有五种复制方式，分别是单位赋值，normal赋值，inherit赋值,纯数字赋值以及百分比赋值。
1.单位赋值指的就是px/em,这样赋值下来导致的结果就是line-height固定，不能自适应。
2.normal等价于数值赋值的1.2.
3.inherit是从层叠的元素里传递下来，但是它会随着它的父级元素的改变而改变。
4.纯数字赋值。就是简单的一个数字，其中1.2和normal差不多
5.百分比赋值。line-height百分比赋值的结果是当前line-height的值乘以这个百分比数值得到的
8.什么是外边距重叠，结果是什么。
外边距重叠指的是，指两个及其以上个盒子的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。
结果：
当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度不等于两个发生合并div的外边距的高度之和。如果这两者都是正边界，边界宽度是相邻边界宽度中最大的值。如果出现负边界，则在最大的正边界中减去绝对值最大的负边界。如果都是负边界，则0减去绝对值最大的负边界。
9.<li>和<li>之间的空白间隔是什么原因引起的，有什么方法解决?
先看效果图
image.png
我给
<li>设置了display:inline-block;并且给这4个设置了不同颜色
image.png
很清楚，里面自动有间隔。
主要原因：<li>标签换行导致了有空隙存在。
次要原因：<li>标签自带向左浮动引起
解决方法：
把下一个的<li>和上一个的</li>写在一起.
image.png
image.png
10.如果需要手动写动画，你认为最小的时间间隔是多少,为什么
emmmm这个问题之前真的没有注意过，现在也找了一些相关资料，分享一下。因为大多数显示屏的频率是60HZ,就是说一秒钟刷新60次，因此最小间隔就是
1/60*1000ms也就是约16.7ms
11.对BFC规范的理解
新的BFC的盒子相当于一个容器，是独立布局的，盒子里面的的样式不会影响到盒子外面的元素，可以说是互不干扰。在同一个 BFC 中的两个相邻的块级盒在垂直方向的 margin 会发生折叠。
网友评论