随笔分类 - CSS3 && HTML5
CSS3 && html
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>canvas刮奖游戏</title> <style> * { margin: 0; padding: 0; } .prize { position: absolute; width
阅读全文
摘要：<!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> * { margin:0; padding: 0;
阅读全文
摘要：<canvas id="canvas" width="120" height="40"></canvas> <script> var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d");
阅读全文
摘要：如果项目使用构建工具，可加autoprefixer来处理，[autoprefixer使用指南] 纯手写css兼容代码，需给每个使用的属性加上属性前缀 注意：给flex添加前缀并不是万能的，其原因是不能用行内元素，要改成block才能更好的支持flex，当元素使用flex:1时，要增加width:0%
阅读全文
摘要：按父容器宽度自动缩放，并且保持图片原本的长宽比
阅读全文
摘要：Cache-Control头域 Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、o
阅读全文
摘要：currentStyle和getComputedStyle来获取外部样式 通过document.getElementById(id).style.XXX就可以获取到XXX的值，但意外的是，这样做只能取到通过内嵌方式设置的样式值，即style属性里面设置的值 var mydiv = document.
阅读全文
摘要：在很多网站上我们都看到input输入框显示提示文字，让我们一起来看看如果在input输入框中显示提示文字。我们只需要在<input>标签里添加：placeholder="提示文字即可"。 <style> /*修改提示文字的颜色*/ input::-webkit-input-placeholder {
阅读全文
摘要：从网易与淘宝的font-size思考前端设计稿与工作流 http://www.cnblogs.com/lyzg/p/4877277.html webpack进阶之插件篇 https://segmentfault.com/a/1190000005742122 Javascript模板引擎mustach
阅读全文
摘要：转自： http://azq.space/blog/bigcan-lesson-1/ 1.简单粗暴型 zoom方式： 以上是通过css属性zoom来缩放页面，设计稿宽度为640(以下设计稿尺寸都为640)，所以这样的好处就是直接按照原来设计稿的尺寸用px来写css，不过这个显然不够高大上，页面有时会
阅读全文
摘要：移动端我们在点击页面中的一些图片的时候会出现阴影。处理方法只要给a标签加上
阅读全文
摘要：select样式定制： select { /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: solid 1px #000; /*很关键：将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -we
阅读全文
摘要：HTML-CSS-JS Prettify解决问题 今天发现此插件依赖于nodejs，如果本机没有安装nodejs，会一直提示你安装，解决方法很简单，直接brew install nodejs即可 看看效果： 上面这样一行的css，右键试一下： 然后就是下面这样：
阅读全文
摘要：CSS 控制Html页面高度导致抖动，这类由高度导致页面抖动的问题，其实究其根本原因是滚动条是否显示导致的 在CSS中添加如下代码： html,body{ overflow-y:scroll;} html,body{ overflow:scroll; min-height:101%;} html{
阅读全文
摘要：参考：https://segmentfault.com/a/1190000004553258 http://www.haorooms.com/post/css_mh_ck_radio 思路都一样的，先把radio,checkbox按钮透明度opacity设置为0,然后，外层用span包裹，就实现了美
阅读全文
摘要：EnPlaceholder插件支持密码框哦！实际对比同类的placeholder插件在ie等浏览器下效果做好！ 插件效果预览：http://www.wufangbo.com/demo/jquery/30/index.html EnPlaceholder的使用方法 首先在head中分别引入jQuery
阅读全文
摘要：glue批量处理图片：http://glue.readthedocs.io/en/latest/quickstart.html#and-why-those-css-class-names 首先需要安装pip 安装pip的步骤如下： 参考网址 https://pip.pypa.io/en/stable
阅读全文
摘要：html5为input添加了原生的占位符属性placeholder，高级浏览器都支持这个属性，例如：默认的placeholder字体颜色是呈浅灰色，如果想改变这个默认颜色，解决方案如下：:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ colo...
阅读全文
摘要：1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内...
阅读全文
浙公网安备 33010602011771号