CSS - 随笔分类(第2页) - 进击的totoro

摘要：CSS3设计3D效果图使用到CSS3中的变形、缩放、倾斜。只写了兼容Gecto的。发张图片鼓励自己顶面左面 ... 阅读全文

posted @ 2014-09-15 16:13 进击的totoro 阅读(638) 评论(0) 推荐(0)

摘要：一、CSS3实现兼容性渐变背景效果，兼容FF、chrome、IE渐变效果，现在主流的浏览器FF、Chrome、Opera、IE8+都可以通过带有私有前缀的CSS3属性来轻松滴实现渐变效果，IE7及以下也可以通过滤镜来实现渐变效果（滤镜来实现会消耗大量资源）？为什么滤镜实现渐变效果会消耗大量资源 ... 阅读全文

posted @ 2014-09-13 09:42 进击的totoro 阅读(494) 评论(0) 推荐(0)

设计表格时加上几个声明，可以改善表格呈现性能

摘要：资料参考：http://blog.163.com/smile_mz/blog/static/121855763200982635826463/http://www.webhek.com/empty-cells/http://www.w3help.org/zh-cn/causes/RE3021一、问题... 阅读全文

posted @ 2014-09-04 09:08 进击的totoro 阅读(314) 评论(0) 推荐(0)

(转)解决png图片在IE6下不透明的方法

摘要：来源于：http://xzl52199.blog.163.com/blog/static/95206446201142174540220/一、传统的JavaScript方法思路：1、一个专门解决png图片无法在IE6正常显示的JS类DD_belatePNG.js，2、在页面中引入该类，并且指定对那些... 阅读全文

posted @ 2014-07-09 17:58 进击的totoro 阅读(637) 评论(0) 推荐(0)

CSS+JS下拉菜单和纯CSS下拉菜单

摘要：下拉菜单（思路：先把二级定位到屏幕外，鼠标悬停重新定位回来；另一个就是ul浮动，li也浮动）下拉菜单的一般思路就是把子导航嵌套在无序列表中，把列表定位到屏幕之外，当鼠标悬停在其父列表项上时，重新定位它。有两个问题需要注意，第一个问题，列表项设置了float浮动，因此列表也要浮动已防止列表收缩：ul.... 阅读全文

posted @ 2014-07-09 07:41 进击的totoro 阅读(27875) 评论(0) 推荐(0)

常见的浏览器兼容问题

摘要：来源于：http://developer.51cto.com/art/201008/218335.htm浏览器兼容问题一：不同浏览器的标签默认的外边距和内边距不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。碰到频率:100%解决方案：CSS里 *{m... 阅读全文

posted @ 2014-07-07 12:31 进击的totoro 阅读(210) 评论(0) 推荐(0)

（转）各种排序比较直观动画

摘要：http://www.webhek.com/misc/comparison-sort/ 阅读全文

posted @ 2014-07-06 15:18 进击的totoro 阅读(174) 评论(0) 推荐(0)

为图片添加内阴影效果的三种方法

摘要：一、box-shadaw是给对象实现图层阴影效果。1、参数。至多可以设置6个参数，可以使用一个或多个投影，如果使用多个投影时必须使用逗号","隔开。box-shadow: h-shadow v-shadow blur spread color inset;2、浏览器支持最新版的FF和Chrome浏览... 阅读全文

posted @ 2014-06-12 07:09 进击的totoro 阅读(24924) 评论(0) 推荐(0)

切图

摘要：中阳医疗：1、input没颜色给input一个边框border:1px solid #8FC73D;2、js文件和css文件引用外部文件的基准路径是不一样的，js是相对于引用该js文件的html页面，css是相对于该css文件的。3、表格边框太粗，也就是两个单元格的线叠在一起了。给table加一个 ... 阅读全文

posted @ 2014-05-01 17:08 进击的totoro 阅读(204) 评论(0) 推荐(0)

At-rule | CSS @ 规则

摘要：译自：MDN（Mozilla开发者网络）At-rule一、什么是at-ruleseg：@charset "utf-8";at-rule 是CSS样式声明，以@开头，紧跟着是标识符（charset），最后以分号（;）结尾。二、几个at-rules1、@charset—定义被样式表使用的字符集2、@im... 阅读全文

posted @ 2014-04-30 05:48 进击的totoro 阅读(2851) 评论(0) 推荐(1)

响应式设计（一）

摘要：通过CSS3 Media Query实现响应式Web设计一、响应式设计（一）响应式设计初识，一个小小的demo，用来理解什么是响应式今天的一个小小的demo，让我重新的认识了什么是响应式网页设计。我之前一直以为主要一个网页在不同的设备上浏览，网页可以自适应设备的屏幕大小，而不发生结构变形。其实我觉得... 阅读全文

posted @ 2014-04-28 06:12 进击的totoro 阅读(1560) 评论(6) 推荐(1)

有用的javascript外部文件或其他外部文件引用

摘要：1、 2、3、引入外部js文件，html5标签，让它们在IE6\7\8可以成为标签当IE的等版本浏览器不支持html5标签时，这个外部别人已经写好的js文件，只要引入进来，就可以很好的解决这个问题。不用再自己一个个的createElement地去创建标签了使用Modernizr，Modern... 阅读全文

posted @ 2014-04-20 03:58 进击的totoro 阅读(2839) 评论(0) 推荐(0)

（转）自适应网页设计（或称为响应式web设计）（Responsive Web Design）

摘要：随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达... 阅读全文

posted @ 2014-04-15 17:20 进击的totoro 阅读(253) 评论(0) 推荐(0)

实践javascript美术馆的小案例，学习到的东西还是蛮多的，包括javascript编程中的预留退路、分离javascript、以及实现向后兼容等

摘要：javascript美术馆（改进2）一、javascript编程过程中的好习惯1、实现预留退路 js被禁掉，图片也可以显示出来，href属性带有图片路径 Snapshots 通过专用的... 阅读全文

posted @ 2014-04-14 21:48 进击的totoro 阅读(1515) 评论(4) 推荐(2)

HTML5的渐变色渐变的两种类型 createLinearGradient 和createRadialGradient

摘要：今天又再看了html5的颜色渐变API，发现没有第一次看那么复杂。不过我对这个颜色渐变存在着一个疑惑就是两种色带之间，那段是属于两种颜色混合的，有点模糊。比如从红色变成黄色，在红与黄之间的那个地方，不会是纯色的红和黄，我一开始不是很明白，现在我是理解的：渐变颜色嘛，字面上的意思，就是渐变，在这两种颜色之间，由一种颜色渐变过渡到另一种颜色。一、创建渐变颜色对象的步骤蛮简单的，线性渐变比径向渐变少了两个参数而已。具体步骤是这样的：1、获取到你的canvas画布后，我们需要创建颜色渐变对象 var gradient2、设置要渐变的颜色带 addColorStop(颜色带的所在点,"颜色&q 阅读全文

posted @ 2014-04-12 16:40 进击的totoro 阅读(5923) 评论(0) 推荐(0)

html5之canvas困惑在canvas标签内需要设置了宽跟高，如果在css中设置同样的宽跟高，画出来的图像变形了？

摘要：html5之canvas困惑在canvas标签内需要设置了宽跟高，如果在css中设置同样的宽跟高，画出来的图像变形了？阅读全文

posted @ 2014-03-29 22:38 进击的totoro 阅读(6915) 评论(1) 推荐(1)

（转）Google Fonts 的介绍与使用

摘要：Google Fonts 的介绍与使用加载谷歌字体的方式阅读全文

posted @ 2014-03-24 16:26 进击的totoro 阅读(973) 评论(0) 推荐(0)

初识phaser框架——开源的HTML5 2D游戏开发框架

摘要：背景：在网上看到，65行实现flappy bird，感到很好奇。原来是使用开源的2D游戏框架 phaser开发的。什么是phaser2D游戏开发框架呢？借鉴与网上的资料：1、 Phaser是一款专门用于桌面及移动HTML5 2D游戏开发的开源免费框架，提供JavaScript和TypeScript双重支持，内置游戏对象的物理属性，采用Pixi.js引擎以加快Canvas和WebGL渲染，基于浏览器支持可自由切换。2、主要特性：JavaScript、TypeScript双重支持内置游戏对象的物理属性WebGL、Canvas渲染自由切换完全支持Web音频输入：多点触控、键盘、鼠标、MSPoint. 阅读全文

posted @ 2014-03-23 22:18 进击的totoro 阅读(713) 评论(0) 推荐(0)

对ｃａｎｖａｓ的直接在画布上绘制图形与用变换的方式绘制图形的不同点和相同点的理解

摘要：对ｃａｎｖａｓ的直接在画布上绘制图形与用变换的方式（translate）绘制图形的不同点和相同点的理解坐标重置异次元空间阅读全文

posted @ 2014-03-13 19:00 进击的totoro 阅读(825) 评论(0) 推荐(0)

【转】HTML5游戏开发经典视频教程、电子书汇总

摘要：HTML5游戏开发经典视频教程、电子书汇总阅读全文

posted @ 2014-03-09 10:31 进击的totoro 阅读(927) 评论(0) 推荐(0)

进击的totoro

记录学习轨迹，分享学习，分享生活！！！

随笔分类 - CSS