web/html5
yuliying
这个作者很懒,什么都没留下…
展开
-
Web app变革之rem
rem这是个低调的css单位,近一两年开始崭露头角,有许多同学对rem的评价不一,有的在尝试使用,有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。 rem是什么? rem(font size of the root element)是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位,em(转载 2018-01-01 23:38:07 · 308 阅读 · 0 评论 -
CSS中的层叠上下文和层叠顺序
转自: https://www.jianshu.com/p/f859efc209f3 默认情况下,网页内容是没有偏移角的垂直视觉呈现,当内容发生层叠的时候,一定会有一个前后的层叠顺序产生。 何为层叠上下文? 盒模型的位置概念,表示每个盒模型元素都可以放在一个三维坐标轴中,其中z轴垂直屏幕,大概就是这样的吧: 层叠上下文,英文称为“stacking context转载 2018-01-06 17:17:31 · 647 阅读 · 0 评论 -
css-如何让input和select的大小一致
转自:https://stackoverflow.com/questions/4073768/how-to-get-equal-width-of-input-and-select-fields ==========Ask========== On the form, I have one select and two input fields. These elements are ver转载 2018-01-06 17:40:23 · 4603 阅读 · 0 评论 -
关于对CSS中BFC (块级格式化上下文) 的理解
转自: https://www.thinktxt.com/web-front/2017/02/18/css-bfc-layout-model.html 也许你已经掌握了HTML、CSS的基本布局技能,但是有可能还有一些难以琢磨透的专业名词还不是很清楚,比如BFC。今天我们就来聊聊对BFC的理解,以便我们在布局的过程中能够更加得心应手。 概念 BFC(Block Formatt转载 2018-01-06 15:22:19 · 1970 阅读 · 0 评论 -
css display:box 新属性
转自:https://www.cnblogs.com/whiteMu/p/5378747.html 一、display:box; 在元素上设置该属性,可使其子代排列在同一水平上,类似display:inline-block;。 二、可在其子代设置如下属性 前提:使用如下属性,必须在父代设置display:box; 1.box-flex:number转载 2018-01-05 10:35:23 · 535 阅读 · 0 评论 -
讨论CSS中的各类居中方式
转自:http://www.jb51.net/article/70163.htm 本文介绍了CSS中的各类居中方式,8种方式的实现方法讲解的很详细,还配有对应的效果图,需要的朋友可以参考 今天主要谈一谈CSS中的各种居中的办法。 首先是水平居中,最简单的办法当然就是 复制代码代码如下: margin:0 auto; 也就是将margin转载 2018-01-05 10:29:17 · 271 阅读 · 0 评论 -
移动端适配的方案----flexible
转自: http://blog.csdn.net/qq_31029729/article/details/51424668 使用方法 lib-flexible 库的使用方法非常的简单,只需要在Web页面的 中添加对应的 flexible_css.js,flexible.js 文件: 第一种方法是将文件下载到你的项目中,然后通过相对路径添加: [ja转载 2018-01-04 02:01:58 · 1054 阅读 · 0 评论 -
Swiper.js 使用方法
转自:http://www.swiper.com.cn/usage/index.html Swiper中文文档地址: http://www.swiper.com.cn/api/start/2014/1218/140.html 1.首先加载插件,需要用到的文件有swiper.min.js和swiper.min.css文件。 html> head> ... link r转载 2018-01-04 01:12:31 · 1957 阅读 · 0 评论 -
CSS 实现一个居中的按钮
代码源自网易的一个页面 : http://dhxy.163.com/m/2017/xinfu7/ .tips a { background: url(https://dhxy.res.netease.com/m/zt/20170707182820/img/rule-btn_2ab9f02.png) 0 0 no-repeat; background-size: 100%原创 2018-01-03 21:44:07 · 17585 阅读 · 0 评论 -
css2.2 层叠顺序 z-index
来自: https://www.w3.org/TR/CSS22/visuren.html#z-index Within each stacking context, the following layers are painted in back-to-front order: the background and borders of the element fo转载 2018-01-07 20:16:18 · 330 阅读 · 0 评论