前端面试----第2天

[html]:请列举常用的块级元素和行级元素

块级元素的特点：
1.独占一行
2.可以设置宽高。
3.如果没有设置宽度，则宽度默认为父元素的宽度
<div> <p> <form> <ul> <ol> <li> <address> <h1>~<h6>

行级元素的特点：
1.不独占一行
2.宽高由内容决定，不可以设置宽高
<span> <em> <b> <i> <strong> <a> <del>

行级块元素的特点：
1.不独占一行
2.可以设置宽高
3.内容决定大小
<img>

---

[css]:css3有哪些新增的特性?

边框(borders)：

• border-radius 圆角
• box-shadow 盒阴影
• border-image 边框图像

背景：

• background-size 背景图片的尺寸
• background-origin 背景图片的定位区域
• background-clip 背景图片的绘制区域

渐变：

• linear-gradient 线性渐变
• radial-gradient 径向渐变

文本效果：

• word-break
• word-wrap
• text-overflow
• text-shadow
• text-wrap
• text-outline
• text-justify

转换：

2D转换属性:

• transform
• transform-origin
• 2D转换方法
• translate(x,y)
• translateX(n)
• translateY(n)
• rotate(angle)
• scale(n)
• scaleX(x)
• rotate(angle)
• matrix(n,n,n,n,n,n)

3D转换:
3D转换属性:

• transform
• transform-origin
• transform-style

3D转换方法:

• translate3d(x,y,z)
• translateX(x)
• translateY(y)
• scale3d(x,y,z)
• scaleX(x)
• scaleY(y)
• scaleZ(z)
• rotate3d(x,y,z,angle)
• rotateX(x)
• rotateY(y)
• rotateZ(z)
• perspective(n)

过渡：

• transition

动画：

• @Keyframes 规则
• animation

弹性盒子(flexbox)

• flex布局

多媒体查询@media

---

[JS]:写一个方法去除字符串中的空格

   function demo(str){
         return str.split(" ").join("");
   }