文章分类 - css
摘要：1. -webkit-overflow-scrolling:touch是什么？ MDN上是这样定义的： -webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果.auto: 使用普通滚动, 当手指从触摸屏上移开，滚动会立即停止。touch: 使用具有回弹效果
阅读全文
摘要：（1）HTML结构 <div class="dialog-rotate-noBorder">实心三角形（视觉上没有边框）</div>（2）CSS样式 .dialog-rotate-noBorder { width: 300px; height: 150px; background: orchid;
阅读全文
摘要：在之前的文章《CSS文件动态加载》中，我们提到了在动态加载CSS文件的时候，如何检测加载是否完成。注意，这里的加载完成包含了两种情况： 1）加载成功 2）加载失败 也就是说，这里并没有将成功与失败的情况区分开来。看到这里你可能疑惑了，就动态加载个CSS文件，洋洋洒洒写了一两百行代码，连是否加载成功/
阅读全文
摘要：window.open('http://v.t.sina.com.cn/share/share.php?title=' + txt + '→来自页面"' + title + '"的文字片段&url=' + window.location.href); 转载：http://blog.csdn.net/
阅读全文
摘要：本文转载自：众成翻译 译者：@倩妹纸好喜欢喵咪完全木抵抗力 链接：http://www.zcfy.cc/article/3112 原文：https://zellwk.com/blog/css-architecture-2/ 转自：http://www.w3cplus.com/css/css-arch
阅读全文
摘要：在手机端经常游走的我们很多时候都会对横屏和竖屏的概念比较熟悉，大家都经常头疼怎么才能判断这横屏和竖屏的状态呢，今儿梦龙就为大家分享分享。 用CSS判断横屏竖屏问题。CSS代码如下 [plain] view plain copy 1、 @media (orientation: portrait) {
阅读全文
摘要：[javascript] view plain copy [javascript] view plain copy [javascript] view plain copy [javascript] view plain copy [javascript] view plain copy [java
阅读全文
摘要：box-shadow: -2px 0px 5px 1px #000,0px -2px 5px 1px #000,2px 0px 5px 1px #000,0px 2px 5px 1px #000;
阅读全文
摘要：移动Web开发技巧 META相关 1. 添加到主屏后的标题（IOS） 1 <meta name="apple-mobile-web-app-title" content="标题"> 2. 启用 WebApp 全屏模式（IOS） 当网站添加到主屏幕后再点击进行启动时，可隐藏地址栏（从浏览器跳转或输入链
阅读全文
摘要：移动端页面按钮或者图标，点击的瞬间会有阴影，这是浏览器自带的，要去除这个阴影可以在css样式里加上以下属性：-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; 添加完后再点击就不会再
阅读全文
摘要：CSS通常要记住的一些常规命名 一、常用命名 标题：title 摘要：summary 箭头：arrow 商标：label 网站标志：logo 转角/圆角：corner 横幅广告：banner 子菜单：subMenu 搜索框：searchBox 登录：login 登录条：loginbar 工具条：to
阅读全文
摘要：⇠ 箭头类 ❤ 基本形状类 ¥ 货币类 ½ 数学类 ♫ 音乐符号类 ✖ 对错号 ★ 全都是星星 ♒ 星座类 ♚ 国际象棋类 ♣ 扑克牌类 Ω 希腊字母 ☩ 十字 © 法律符号 @ 标点和符号 转自：http://zhifangzi.com/html_code.html
阅读全文
摘要：http://www.cnblogs.com/mycoke/p/6056187.html ::before和::after伪元素的用法 一、介绍 css3为了区分伪类和伪元素，伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。
阅读全文
摘要：http://www.mamicode.com/info-detail-1816919.html 之前有些适配做法，是通过js动态计算viewport的缩放值（initial-scale）。 例如以屏幕320像素为基准，设置1，那屏幕375像素就是375/320=1.18以此类推。 但直接这样强制页
阅读全文
摘要：在页面中设置字体，我们知道有常见的两种，px 和 em. px 在Web页面制作中，我们一般使用“px”来设置我们的文本，因为他比较稳定和精确。但是这种方法存在一个问题，当用户在浏览器中浏览我们制作的Web页面时，他改变了浏览器的字体大小（虽然一般人不会去改变浏览器字体大小），这时会使用我们的Web
阅读全文
摘要：https://segmentfault.com/q/1010000002411895 浏览器的默认高度?一般为16px.
阅读全文
摘要：CSS 预处理器技术已经非常的成熟，而且也涌现出了越来越多的 CSS 的预处理器框架。本文向你介绍使用最为普遍的三款 CSS 预处理器框架，分别是 Sass、Less CSS、Stylus。 首先我们来简单介绍下什么是 CSS 预处理器，CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性
阅读全文
摘要：既然写CSS很容易，为什么大家还是把CSS写的那么烂呢？ 别慌这里是前端 2016-11-22 12:11 来源：众成翻译 译者：liuliangsir 在你开始阅读这篇文章之前，(一定要做好心理准备)，因为我估计90％的前端工程师在看完之后心里都会很不爽。另外在文章最后，大约有10%的篇幅是用于介
阅读全文
摘要：css中vertical-align（垂直对齐）的使用 这两天写个页面css的时候用到了vertical-align属性，使用过程中踩到了坑，所以总结如下： 1.vertical-align的语法 vertical-align属性的具体定义列表如下： 语法： vertical-align : bas
阅读全文
摘要：由于我自己的 CSS 命名方式一直都没一套标准，最近公司也需要一套这样的标准，所以在此整理出一套可以用的来分享给大家。不过这套东西在我这里并没有对一些太细的地方做约定，目的只是为了模块化，为了减少冲突。也许还需要配合其他 CSS 风格规范才能完整。 模块的概念 虽然大家都在说「模块」，但实际上大家对
阅读全文
