
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 · 18544 阅读 · 1 评论 -
图片列表展示
效果图 前情概要:近期在react 中想写一个动态排列图片的样式,以下是部分代码,还是前端小菜,有不足之处,希望多多提点哈! 代码如下: <div className='card-images'> {/* 1 */} <div className='card-images-line'> <div className='card-images...原创 2018-10-11 15:51:12 · 2109 阅读 · 0 评论 -
CSS3中,常见的长度单位
vw、vh、vmin、vmax rem与em 1、vw、vh、vmin、vmax vh、vw、vmin、vmax这四个单位都是基于视口的,含义如下: (1)vw、vh vw是相对视口(viewport)的宽度而定的,长度等于视口宽度的1/100。 假如浏览器的宽度为200px,那么1vw就等于2px(200px/100)。 vh是相对视口(viewport)的高度而定...转载 2019-07-25 16:24:05 · 1410 阅读 · 0 评论 -
常见的前端布局方式
1. 布局概念 最传统、原始的Web布局设计。网页最外层容器(outer)有固定的大小,所有的内容以该容器为标准,超出宽高的部分用滚动条(overflow:scroll)来实现滚动查阅。 2. 优点 采用的是css2之前的写法,不存在浏览器兼容性。布局简单。 3. 缺点 但是移动端不可以使用pc端的页面,两个页面的布局不一致,移动端需要自己另外设计一个布局并使用不同域名呈现。 4. 实...转载 2019-07-25 17:25:29 · 493 阅读 · 0 评论