自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(3)
  • 收藏
  • 关注

原创 flex布局及属性

flex布局中的几个概念:1)容器:如果给一个盒子添加了一个display:flex; 那么这个盒子就是一个容器。2)项目:容器中的直接子元素就是项目(儿子) 项目默认都是在主轴上进行排列的3)主轴:默认情况下,项目是按照水平方向从左到右进行排列,这个排列方向就是主轴的方式4)交叉轴:和主轴垂直的那个轴就是交叉轴容器的属性:flex-direction: direction本意是方向的意思 作用:用来设置主轴的方向row:默认值 水平面右 默认情况下,如果你不设置主轴的方向,那么默认就是.

2021-05-27 12:27:11 120

原创 px em rem 三者的不同

css提供了三个字体大小的单位,px,em,rem。px指的是逻辑像素,显而易见在不同宽度的设备上px的值是不会改变的,故不可以直接使用。1em指的是一个字体的大小,即1em 就等价于一个font-size的大小,如:你设置了font-size:20px;此时,1em=20px的大小。但是由于font-size具有继承性,每次设置em都会受到其父元素font-size值的影响,在一个元素节点很多的页面上设置起来会相当的麻烦。rem,r表示root,即根节点html的意思,而与em类似,1

2021-05-27 12:14:21 56

原创 视口是什么

视口:即将pc端网站放到移动端所需要的虚拟容器。如何将pc端的网站放入手机端:1、首先将pc端的网站包装在一个虚拟容器当中,这个虚拟容器的默认值为980px。如果网站的宽度大于该虚拟器的宽度,则会产生水平滚动条。2、将该虚拟容器放入手机,但是由于手机宽度固定切通常小于980px,故该虚拟容器被压缩。 需知虚拟器的宽度是指的逻辑像素,而物理像素即电脑or手机的发光点,也叫物理分辨率,在电脑端1逻辑像素=1物理像素。而手机宽度是指设备独立像素,该像素可以等于多个物理像素。比如..

2021-05-05 23:07:53 394

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除