CSS3 阴影演示工具 http://www.css88.com/tool/css3Preview/Box-Shadow.html text-shadow 是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着 HTML5 和 CSS3 的普及，这一特殊效果使用越来越普遍。 基本语法 是{box-shadow:[inset] x-offset y-offset...

2018-06-24 00:56:12

IE6不支持min-height，解决办法使用css hack： .target { min-height: 100px; height: auto !important; height: 100px; // IE6下内容高度超过会自动扩展高度} ol 内 li 的序号全为1，不递增。解决方法：为li设置样式 display: list-item; 未定位父元素 overflow: auto...

2018-06-24 00:56:08

1.transition 语法：transition: property duration timing-function delay; transition-property 设置过渡效果的css 属性名称 语法： transition-property: none | all | property none 没有属性会获得过度效果 all 所有属性都将获得过度效果。 property 定义应用过度...

2018-06-24 00:56:06

介绍 传统的HTML主要用于文本的创建，可以通过img标签插入图像，动画的实现则需要第三方插件。在这方面，传统的HTML极其缺乏满足现代网页多媒体需求的能力。HTML5的到来，带来了新的成员canvas标签。 什么是 Canvas？ HTML5 的 Canvas元素使用 JavaScript 在网页上绘制...

2018-06-24 00:56:03

编码 在 css 首行设置文件编码为 UTF-8。 @charset "UTF-8"; class 命名 class 名称应当尽可能短，并且意义明确。使用有意义的名称，使用有组织的或目的明确的名称，不要使用表现形式的名称。 不推荐 fw-800 { font-weight : 800 ;} .red { color : red ;} 推荐 .heavy...

2018-06-24 00:56:02

鼠标悬停，图片360度旋转 效果： 代码： style .rotate-demo { width: 220px; height: 220px; margin: 0 auto; background: no-repeat url("images/author.jpg") left top; -webkit-background-size: 220px 220px; -moz-background-size: 220px 220px; background-size...

2018-06-24 00:55:58

什么是设计模式？ 曾有人调侃，设计模式是工程师用于跟别人显摆的，显得高大上；也曾有人这么说，不是设计模式没用，是你还没有到能懂它，会用它的时候。 先来看一下比较官方的解释：设计模式（Design pattern）是一套被反复使用、多数人知晓的、经过分类的、代码设计...

2018-06-24 00:55:51

摄影是一门艺术，它需要大量的耐心和努力工作来捕捉那些精彩的瞬间。如果你是一位热情的摄影师，想要建立一个网站来展示那些高质量的摄影作品，那么你找对地方了。本文包含15个最佳的摄影网站模板，你可以使用这些 HTML 模板创建自己的摄影网站。这些HTML摄影网站模板...

2018-06-24 00:55:52

一、CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-height, letter-spacing, color- text-align等) 4.背景(background, border等) 5.其他(animation, transition等) 二、CS...

2018-06-24 00:55:46

文档类型 推荐使用 html5 的文档类型申明： ! DOCTYPE html 语言属性 根据 html5 规范： 强烈建议为 html 根元素指定 lang 属性，从而为文档设置正确的语言。这将有助于语音合成工具确定其所应该采用的发音，有助于翻译工具确定其翻译时所应遵守的规则等等。 这里列出...

2018-06-24 00:55:48