千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > web前端面试题合集(五)

web前端面试题合集(五)

来源:千锋教育
发布人:wjy
时间: 2022-09-06 15:14:09 1662448449

  流式布局rem vm/vh px em的区别

  - rem

  - rem是相对于根元素 html,这样就意味着,我们只需要在根元素确定一个font-size字号,则可以来算出元素的宽高

  - px

  - px意为像素 , 是设备或者图片最小的一个点,比如常常听到的电脑像素是1920x1080的,表示的是水平方向是1920个像素点,垂直方向是1080个像素点。是我们网页设计常用的单位,也是基本单位。通过px可以设置固定的布局或者元素大小,缺点是没有弹性。

  - em

  - 参考物是父元素的font-size,具有继承的特点。如果自身定义了font-size按自身的font-size来计算(浏览器默认字体是16px),整个页面内1em不是一个固定的值。

  特点是1. em的值并不是固定的; 2. em会继承父级元素的字体大小。

  - vw/vh

  - vw view width的简写,是指可视窗口的宽度。假如可视区域宽度是1920px的话。那1vw = 1920px/100 = 19.2px

  - vh view height的简写,是指可视窗口的高度。假如可视区域宽度是1080px的话。那1vh = 1080px/100 = 10.8px

  - vm

  - 相对于视口的宽度或高度中较小的那个。最小的那个被均分为100单位的 vm

  - 例如: 浏览器高度900px,宽度1200px,取最小的浏览器高度,1vm = 900px / 100 = 9px。

 

web前端面试题

  媒体查询是什么

  媒体查询:是可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向:横向或纵向)为其设定CSS样式,媒体查询中可用于检测的媒体特性有 width 、 height 和 color (等)。使用媒体查询,可以在不改变页面内容的情况下,为特定的一些输出设备定制显示效果。

  媒体查询的基本语法如下:

  ```

  @media 媒体设备 and (min-width:300px){

  选择器{

  属性:值;

  }

  }

  @media 表示媒体查询

  screen 表示查询设备;媒体设备是个变量,在什么设备下就使用什么值

  speech 阅读设备 all所有设备 screen 电脑手机平板

  and 链接符号;并列条件

  (屏幕条件)

  max-width:230px 在230px以下的尺寸中。使用媒体样式。

  min-width:230px 表示在大于230px尺寸中使用媒体样式。

  ```

 

  能够设置文本加粗的样式属性是什么

  加粗属性为 font-weight:属性值; 效果为加粗的值有 bold bolder 600 700 800 900

  更多关于“web前端培训”的问题,欢迎咨询千锋教育在线名师。千锋教育多年办学,课程大纲紧跟企业需求,更科学更严谨,每年培养泛IT人才近2万人。不论你是零基础还是想提升,都可以找到适合的班型,千锋教育随时欢迎你来试听。

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT