流式布局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。

　　媒体查询是什么

　　媒体查询：是可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向：横向或纵向)为其设定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万人。不论你是零基础还是想提升，都可以找到适合的班型，千锋教育随时欢迎你来试听。