
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 · 336 阅读 · 0 评论 -
CSS中的层叠上下文和层叠顺序
转自: https://www.jianshu.com/p/f859efc209f3默认情况下,网页内容是没有偏移角的垂直视觉呈现,当内容发生层叠的时候,一定会有一个前后的层叠顺序产生。何为层叠上下文?盒模型的位置概念,表示每个盒模型元素都可以放在一个三维坐标轴中,其中z轴垂直屏幕,大概就是这样的吧:层叠上下文,英文称为“stacking context转载 2018-01-06 17:17:31 · 710 阅读 · 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 · 4676 阅读 · 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 · 2010 阅读 · 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 · 566 阅读 · 0 评论 -
讨论CSS中的各类居中方式
转自:http://www.jb51.net/article/70163.htm本文介绍了CSS中的各类居中方式,8种方式的实现方法讲解的很详细,还配有对应的效果图,需要的朋友可以参考今天主要谈一谈CSS中的各种居中的办法。 首先是水平居中,最简单的办法当然就是复制代码代码如下:margin:0 auto;也就是将margin转载 2018-01-05 10:29:17 · 299 阅读 · 0 评论 -
移动端适配的方案----flexible
转自: http://blog.youkuaiyun.com/qq_31029729/article/details/51424668使用方法lib-flexible 库的使用方法非常的简单,只需要在Web页面的 中添加对应的 flexible_css.js,flexible.js 文件:第一种方法是将文件下载到你的项目中,然后通过相对路径添加:[ja转载 2018-01-04 02:01:58 · 1094 阅读 · 0 评论 -
Swiper.js 使用方法
转自:http://www.swiper.com.cn/usage/index.htmlSwiper中文文档地址: http://www.swiper.com.cn/api/start/2014/1218/140.html1.首先加载插件,需要用到的文件有swiper.min.js和swiper.min.css文件。html>head> ... link r转载 2018-01-04 01:12:31 · 2071 阅读 · 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 · 17718 阅读 · 0 评论 -
css2.2 层叠顺序 z-index
来自: https://www.w3.org/TR/CSS22/visuren.html#z-indexWithin 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 · 359 阅读 · 0 评论