文章分类 -  css

CSS3自定义滚动条样式 -webkit-scrollbar
摘要：CSS3自定义滚动条样式 -webkit-scrollbar 2014年10月23日 15:23:55 阅读数：188216 2014年10月23日 15:23:55 阅读数：188216 阅读数：188216 有没有觉得浏览器自带的原始滚动条很不美观，同时也有看到很多网站的自定义滚动条显得高端，就 阅读全文
posted @ 2018-05-28 13:02 千牛一刀 阅读(134) 评论(0) 推荐(0)
amaze UI 笔记 - CSS
摘要：一、基本样式 1.统一样式 说明了为什么使用Normalize，而不是Rest。 2.基础设置 a.css和模型 讲了一个CSS3的新属性：box-sizing。作为一个技术不到位的人，真没看懂。自己查了下如下： box-sizing的3种属性取一即可 box-sizing:content-box 阅读全文
posted @ 2017-10-07 12:38 千牛一刀 阅读(231) 评论(0) 推荐(0)
rem自适应布局-移动端自适应必备:flexible.js
摘要：由于移动端特殊性，本文讲的是如何使用rem实现自适应，或叫rem响应式布局，通过使用一个脚本就可以rem自适应，不用再为各种设备宽度不同而烦恼如何实现自适应的问题。· rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个px字号，则可以来算出元素的宽高。1rem=16px(浏览 阅读全文
posted @ 2017-10-02 17:35 千牛一刀 阅读(371) 评论(0) 推荐(0)
html5新标签及废弃元素
摘要：html5新标签 <canvas> 新元素 新多媒体元素 新表单元素 新的语义和结构元素 html5废弃元素 表现性元素 下面的元素被废弃的原因是用CSS处理可以更好地替代他们： 框架类元素 下面的元素被废弃的原因是他们的使用破坏了可使用性和可访问性(但html5支持iframe)： 其他 下面的元 阅读全文
posted @ 2017-10-02 16:48 千牛一刀 阅读(148) 评论(0) 推荐(0)
推荐几个精致的web UI框架及常用前端UI框架
摘要：Aliceui是支付宝的样式解决方案，是一套精选的基于 spm 生态圈的样式模块集合，是 Arale 的子集，也是一套模块化的样式命名和组织规范，是写 CSS 的更好方式。 gitHub地址：https://github.com/aliceui/aliceui.github.io Amaze UI 阅读全文
posted @ 2017-09-13 11:13 千牛一刀 阅读(1711) 评论(0) 推荐(0)
CSS选取第几个标签元素：nth-child、first-child、last-child
摘要：在前端开发中，我们可能会碰到这样的需求：想让列表中的第一个部分显示不同的样式 ，想让列表中的偶数部分显示不同的背景颜色，想让列表中的最后一部分样式不一样……这样的需求，我们怎样来实现？其实，如果前面文件是php开发的，可以通过php的循环语句+判断语句+css样式来实现。但是，如果是静态代码，php 阅读全文
posted @ 2017-05-26 11:03 千牛一刀 阅读(157) 评论(0) 推荐(0)
解决IE8下不兼容rgba()的解决办法
摘要：引入 鱿鱼项目要求要做一个半透明的罩层，而且罩层上有一个类似alert框的div。因为如果用opacity的话，父级有了透明度就会影响子级，所以用rgba()就能解决透明度继承的问题。但问题又来了，rgba()是css3的新属性，所以IE8及以下浏览器不兼容，这怎么办呢？终于我找到了解决办法。 出现 阅读全文
posted @ 2017-05-25 22:03 千牛一刀 阅读(434) 评论(0) 推荐(0)