css
文章平均质量分 88
瑤11
这个作者很懒,什么都没留下…
展开
-
flex的几个常用布局
常用的几个样式效果如图 目录demo1代码如下demo2代码如下demo3代码如下demo1代码如下<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)&l..原创 2018-10-11 14:05:51 · 18496 阅读 · 1 评论 -
图片列表展示
效果图前情概要:近期在react 中想写一个动态排列图片的样式,以下是部分代码,还是前端小菜,有不足之处,希望多多提点哈!代码如下: <div className='card-images'> {/* 1 */}<div className='card-images-line'><div className='card-images...原创 2018-10-11 15:51:12 · 2038 阅读 · 0 评论 -
CSS3中,常见的长度单位
vw、vh、vmin、vmax rem与em1、vw、vh、vmin、vmaxvh、vw、vmin、vmax这四个单位都是基于视口的,含义如下:(1)vw、vhvw是相对视口(viewport)的宽度而定的,长度等于视口宽度的1/100。假如浏览器的宽度为200px,那么1vw就等于2px(200px/100)。vh是相对视口(viewport)的高度而定...转载 2019-07-25 16:24:05 · 1283 阅读 · 0 评论 -
常见的前端布局方式
1. 布局概念最传统、原始的Web布局设计。网页最外层容器(outer)有固定的大小,所有的内容以该容器为标准,超出宽高的部分用滚动条(overflow:scroll)来实现滚动查阅。2. 优点采用的是css2之前的写法,不存在浏览器兼容性。布局简单。3. 缺点但是移动端不可以使用pc端的页面,两个页面的布局不一致,移动端需要自己另外设计一个布局并使用不同域名呈现。4. 实...转载 2019-07-25 17:25:29 · 423 阅读 · 0 评论