根据caniuse（http://caniuse.com/#search=rgba），rgba兼容性为IE9以及以上浏览器。 实例代码： 1 ! doctype html 2 html lang ="en" 3 4 head 5 meta charset ="UTF-8" / 6 title rgba 兼容性处理 / title 7 style type ="text/css" 8 * { 9 margin : 0 ; 10 padding...

2018-06-24 01:06:27

css定位机制和css动画变换 css定位机制 定位属性position（相生相克） 1 static：静态定位 2 relative：相对定位（相对于自己原来的位置定位） 3. absolute：绝对定位（float）具有强大的破坏性，父容器管不住 4. fixed:固定定位（相对于浏览器定位不是相对于文档定位...

2018-06-24 01:06:24

1 ! DOCTYPE html !-- 使用 HTML5 doctype，不区分大小写 -- 2 html lang ="zh-cmn-Hans" !-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa -- 3 head 4 !-- 声明文档使用的字符编码 -- 5 meta charset ='utf-8' 6 !-- 优先使用 IE 最新版本和 Chrome -- 7 meta http-...

2018-06-24 01:06:16

publicclassMainActivityextendsActivity{privatestaticfinalStringTAG="MainActivity";privatestaticContextsContext;@OverrideprotectedvoidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setContentView(R,layout.main);sContext=this;//...

2018-06-24 01:06:21

在公众号的开发中，遇到ios中iframe的scroll滚动事件失效，在此做下记录。 因为接口获取的数据必须放在iframe中展示，滚动到底部按钮变亮，如图： 代码如下： ! DOCTYPE html html head title 贷款合同 / title % include .. / include / header.html % / head body st...

2018-06-24 01:06:11

Tab标签切换效果是比较流行的一种网站页面布局，视觉表现为美观大方，通过标签展示内容。目前在各大网站都有存在这种效果。例如：淘宝的黄金位置使用Tab标签切换效果，网易新闻等。 1.简单的 Tab 标签 a) 先来实现Tab标签的头部 通过HTML和CSS完成基本的标签效果。包括...

2018-06-24 01:06:15

上一篇文章，我讲到了使用电脑上的谷歌浏览器调试在手机上用谷歌浏览器打开的移动端页面，初次接触这类的新人看到肯定很开心，但是那也仅限于手机上安装了谷歌浏览器，我们写的移动端页面当然希望在每个移动端浏览器上都能生效，所以我给大家带来了一位新朋友----欢迎...

2018-06-24 01:06:13

上次说把网页的头部和尾部分离出来作为一个单独的文件，所有网页共用，这样比较方便修改，然而，，，我发现某些方法里尾部会紧跟在头部后面，把内容挤在下面。。而且有的页面内容少的话不能把尾部挤到最下面，所以，这次来研究一下怎么能让尾部一直在下面。。 先把html...

2018-06-24 01:06:11

1.像素 因为浏览器不是根据硬件像素宽度工作的，而是根基DIPs工作的叫什么设备独立像素值，这个有个链接给你 （http://yunkus.com/physical-pixel-device-independent-pixels/） 2.DPR 设备像素比DPR(devicePixelRatio)是默认缩放为100%的情况下，设备像素和CSS像素的...

2018-06-24 01:06:09

1. 属性选择器： 2. CSS 伪类选择器： 3. CSS 伪元素： 4. CSS 优先级： 5. 行内标签： 6. 块级标签： 7. Display: 8. Line-height ：行高 9. text-indent:首行缩进 10.white-space:空白符处理 11. 盒子模型：...

2018-06-24 01:06:09