html head title欢迎来到手机版/title script var ua = navigator.userAgent; var US = { Android:function () { //安卓 return ua.match(/Android/i)?true:false; }, BlackBerry:function() { //黑莓 return ua.match(/BlackBerry/i)?true:false; }, IOS:function(){...

2018-06-24 00:24:48

atitit. 跨平台 gui 概览 为什么需要跨平台 gui 国际上那些跨平台的 GUI程序，除了像Firefox之类的大型项目会重写界面外，中小型的项目基本上都是用GTK+或WxWidgets为多。毕竟要花额外精力统一两个界面的风格，这个难度不...

2018-06-24 00:24:41

开本系列，讨论一些有趣的 CSS 题目，抛开实用性而言，一些题目为了拓宽一下解决问题的思路，此外，涉及一些容易忽视的 CSS 细节。 解题不考虑兼容性，题目天马行空，想到什么说什么，如果解题中有你感觉到生僻的 CSS 属性，赶紧去补习一下吧。 不断更新，不断更新，不...

2018-06-24 00:24:43

盒模型由内容(content)、填充(padding)、边框(border)、边界(margin)组成，一个盒子中主要的属性就5个：width、height、padding、border、margin。 下面一一介绍盒子中的区域 width 宽度，CSS中width指的是内容的宽度，而不是盒子的宽度，CSS中height指的是内容的高度...

2018-06-24 00:24:24

1.基础语法 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。 selector { declaration1; declaration2; ... declarationN } 选择器通常是需要改变样式的 HTML 元素。 每条声明由一个属性和一个值组成。 属性（property）是您希望设置的样式属性（style att...

2018-06-24 00:24:36

input[type="file"]的样式在各个浏览器中的表现不尽相同： 1. chrome: 2. firefox: 3. opera: 4. ie: 5. edge: 另外，当我们规定 input[type="file"] 的高度，并把它的行高设置成与其高度相等后，chrome中难看的样式出现了： 未选择任何文件这一行并没有竖直居中。 似...

2018-06-24 00:24:39

CSS盒子模型 当我们把padding和width,height全部设置为0，border设为一个较大的像素时 即：我们需要什么方向的三角形，只需把其余的三角形背景色设置为transparent；...

2018-06-24 00:24:33

移动端布局，div按比例布局，宽度为百分比，让高度和宽度一样，即让div为正方形 最近在写一个小程序，遇到了一个布局问题:一个div宽度比例width:20%，比如是屏幕宽度的20%,想让高度和宽度一样，即让这个div是正方形，怎么实现呢？因为做的是移动端，屏幕宽度不定，又想...

2018-06-24 00:24:32

1、NodeJS6.6 install https://nodejs.org/en/ c:\nodejsnpm install -g grunt-cli C:\Users\police\AppData\Roaming\npm\grunt - C:\Users\police\AppData\Roaming\npm\node_modules\grunt-cli\bin\grunt C:\Users\police\AppData\Roaming\npm `-- grunt-cli@1.2.0 +-...

2018-06-24 00:24:32

加入css样式 html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); /* Chrome 19+ Safari 6+ */ -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,svg xmlns=\'http://www...

2018-06-24 00:24:28