css - 文章分类 - liuruyi007

摘要：现在前端页面效果日益丰富，默认的input组件样式显然不能满足设计需求。前段时间开发项目中刚好接触到相关的需求，在此特地整理下修改radio、CheckBox样式的方法。阅读全文

posted @ 2020-01-17 17:21 liuruyi007 阅读(596) 评论(0) 推荐(0)

摘要：阅读全文

posted @ 2019-10-29 14:57 liuruyi007 阅读(125) 评论(0) 推荐(0)

摘要：首先明确一点是， flex 是 flex-grow、flex-shrink、flex-basis的缩写。故其取值可以考虑以下情况： flex 的默认值是以上三个属性值的组合。假设以上三个属性同样取默认值，则 flex 的默认值是 0 1 auto。同理，如下是等同的： .item {flex: 23 阅读全文

posted @ 2017-04-19 18:11 liuruyi007 阅读(99) 评论(0) 推荐(0)

CSS3 鲜为人知的属性-webkit-tap-highlight-color的理解

摘要：（一）-webkit-tap-highlight-color 这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜阅读全文

posted @ 2017-04-19 15:58 liuruyi007 阅读(159) 评论(0) 推荐(0)

CSS3 calc() 会计算的属性

摘要：原文链接：http://caibaojian.com/calc.html calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。· 以前我们可以使用box 阅读全文

posted @ 2017-04-13 18:18 liuruyi007 阅读(154) 评论(0) 推荐(0)

-webkit-overflow-scrolling

摘要：概述 -webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果. 值示例规范尚未有相关规范。另在Apple提供的Safari CSS 参考文档中有所提及。浏览器兼容性 Desktop Mobile Desktop Mobile 相关链接： CSS-T 阅读全文

posted @ 2017-03-09 14:51 liuruyi007 阅读(197) 评论(0) 推荐(0)

flex布局兼容性问题

摘要：一.W3C各个版本的flex 2009 version 标志：display: box; or a property that is box-{*} (eg. box-pack) 2011 version 标志：display: flexbox; or the flex() function or 阅读全文

posted @ 2017-03-07 17:51 liuruyi007 阅读(195) 评论(0) 推荐(0)

flex布局及其兼容解决方案

摘要：布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案 Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了众多主流浏览器的支持，这阅读全文

posted @ 2017-03-07 16:09 liuruyi007 阅读(1812) 评论(0) 推荐(0)

CSS选择器详解

摘要：选择器是CSS的核心，从最初的元素、class/id选择器，演进到伪元素、伪类，以及CSS3中提供的更丰富的选择器，定位页面上的任意元素开始变得愈发的简单。 1、元素选择器这是最基本的CSS选择器，HTML文档中的元素本身就是一个选择器： p {line-height:1.5em; margin- 阅读全文

posted @ 2017-02-22 19:33 liuruyi007 阅读(115) 评论(0) 推荐(0)

文章分类 - css