前端面试----第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("");
   }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值