css - 随笔分类 - 黄鹂

摘要：1rem=100px 阅读全文

posted @ 2019-09-17 10:17 黄鹂阅读(194) 评论(0) 推荐(0)

摘要：-webkit-text-size-adjust: none; 阅读全文

posted @ 2019-04-12 12:58 黄鹂阅读(225) 评论(0) 推荐(0)

摘要：/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar{ width: 7px; height: 7px; background-color: #F5F5F5; } /*定义滚动条轨道内阴影+圆角*/ ::-webkit-scrollbar-track { box-shadow: inset 0 0 ... 阅读全文

posted @ 2019-03-13 13:39 黄鹂阅读(13573) 评论(0) 推荐(0)

select下拉框美化

摘要：http://www.w3school.com.cn/cssref/pr_appearance.asp http://www.codesec.net/view/475250.html 阅读全文

posted @ 2017-11-17 17:23 黄鹂阅读(4625) 评论(0) 推荐(0)

移动的导航小三角

摘要：logo 资产设备树领导看板月度工作汇报返回系统阅读全文

posted @ 2017-11-16 15:06 黄鹂阅读(219) 评论(0) 推荐(0)

css滚动条美化

摘要：/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 5px; height: 5px; background-color: #F5F5F5; } /*定义滚动条轨道内阴影+圆角*/ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0... 阅读全文

posted @ 2017-11-16 15:02 黄鹂阅读(500) 评论(0) 推荐(0)

CSS中 Padding和Margin两个属性的详细介绍和举例说明

摘要：代码示例：一、padding 1、语法结构（1）padding-left:10px; 左内边距（2）padding-right:10px; 右内边距（3）padding-top:10px; 上内边距（4）padding-bottom:10px; 下内边距（5）padding：10px; 阅读全文

posted @ 2017-06-07 09:17 黄鹂阅读(977) 评论(0) 推荐(0)

CSS圆角效果

摘要：border-radius：用这个属性能实现圆角边框的效果。现在只有Mozilla/Firefox 和 Safari 3支持该属性。 -webkit-border-radius：苹果；谷歌，等一些浏览器认，因为他们都用的是webkit内核； -moz-border-radius：moz这个属性主要阅读全文

posted @ 2017-05-05 15:40 黄鹂阅读(244) 评论(0) 推荐(0)

如何利用rem在移动端不同设备上让字体自适应大小

摘要：html{font-size：62.5%} body{font-size：1.2rem} 使用时建议单独建一个js包，要用直接引用就行，引入上面的js代码后（注意：将js包在页面加载前边引入），字体和高度使用rem作为单位，宽带设为百分比，项目在不同的移动端设备就会自动适应屏幕啦转载：http: 阅读全文

posted @ 2017-04-28 09:57 黄鹂阅读(931) 评论(0) 推荐(0)

CSS3渐变——线性渐变

摘要：http://www.w3cplus.com/css3/new-css3-linear-gradient.html 阅读全文

posted @ 2017-04-08 23:44 黄鹂阅读(162) 评论(0) 推荐(0)

设置placeholder 颜色

摘要：1 ::-webkit-input-placeholder { /* WebKit browsers */ 2 color: rgb(100, 193, 173); 3 } 4 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 5 color: rgb(100, 193, 173); 6 ... 阅读全文

posted @ 2017-04-08 21:17 黄鹂阅读(1074) 评论(0) 推荐(0)

CSS鼠标效果手型效果

posted @ 2017-04-08 21:09 黄鹂阅读(785) 评论(0) 推荐(0)

background-color 属性

摘要：background-color:transparent;是什么意思？？把背景颜色设为透明色阅读全文

posted @ 2017-04-08 21:02 黄鹂阅读(413) 评论(0) 推荐(0)

过渡背景层

摘要：background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e6e6e6), color-stop(1, #ffffff)); 阅读全文

posted @ 2017-03-05 19:04 黄鹂阅读(131) 评论(0) 推荐(0)

css3-animation

摘要：1 在开始介绍Animation之前我们有必要先来了解一个特殊的东西，那就是"Keyframes",我们把他叫做“关键帧”，玩过flash的朋友可能对这个东西并不会陌生。下面我们就一起来看看这个“Keyframes”是什么东西。前面我们在使用transition制作一个简单的transition效果时，我们包括了初始属性和最终属性，一个开始执行动作时间和一个延续动作时间以及动作的变换速率，其... 阅读全文

posted @ 2017-03-01 10:04 黄鹂阅读(273) 评论(0) 推荐(0)

Flex 布局

摘要：网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案 Flex布局，可以简便、完整、响应式地实现各种阅读全文

posted @ 2017-01-23 16:09 黄鹂阅读(173) 评论(0) 推荐(0)

css样式重置表

摘要：1 /* http://meyerweb.com/eric/tools/css/reset/ 2 v2.0 | 20110126 3 License: none (public domain) 4 */ 5 6 html, body, div, span, applet, object, iframe, 7 h1, h2, h3, h4, h5, h6, p, bl... 阅读全文

posted @ 2017-01-23 16:00 黄鹂阅读(175) 评论(0) 推荐(0)

手机端页面自适应解决方案—rem布局

摘要：如何使用？这是rem布局的核心代码，这段代码的大意是：如果页面的宽度超过了640px，那么页面中html的font-size恒为100px，否则，页面中html的font-size的大小为： 100 * (当前页面宽度 / 640) 于是，问题来了，为什么要这样？别急，我先来一一回答最终页面代码阅读全文

posted @ 2017-01-23 11:19 黄鹂阅读(6935) 评论(0) 推荐(0)

实用的60个CSS代码片段[下]

摘要：1 31、有趣的& 2 3 .amp { 4 font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif; 5 font-style: italic; 6 font-weight: normal; 7 } 8 9 10 32、大字段落 ... 阅读全文

posted @ 2017-01-23 11:07 黄鹂阅读(1461) 评论(0) 推荐(0)

实用的60个CSS代码片段[上]

摘要：1 1、垂直对齐 2 3 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑： 4 .verticalcenter{ 5 position: relative; 6 top: 50%; 7 -webkit-transform: translateY(-50%); 8... 阅读全文

posted @ 2017-01-23 10:48 黄鹂阅读(496) 评论(0) 推荐(0)

黄鹂

随笔分类 - css

公告