本月博客排行
-
第1名
龙儿筝 -
第2名
lerf -
第3名
fantaxy025025 - johnsmith9th
- xiangjie88
- zysnba
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - wy_19921005
- vipbooks
- benladeng5225
- e_e
- wallimn
- javashop
- ranbuijj
- fantaxy025025
- jickcai
- gengyun12
- zw7534313
- qepwqnp
- 解宜然
- ssydxa219
- zysnba
- sam123456gz
- sichunli_030
- arpenker
- tanling8334
- gaojingsong
- kaizi1992
- xpenxpen
- 龙儿筝
- jh108020
- wiseboyloves
- ganxueyun
- xyuma
- xiangjie88
- wangchen.ily
- Jameslyy
- luxurioust
- lemonhandsome
- mengjichen
- jbosscn
- zxq_2017
- lzyfn123
- nychen2000
- forestqqqq
- wjianwei666
- ajinn
- zhanjia
- Xeden
- hanbaohong
- java-007
- 喧嚣求静
- mwhgJava
- kingwell.leng
最新文章列表
Adobe CQ5 CMS 安装 学习 培训 实战 步步高【不断更新】
CQ5 Web Content Management (WCM) is a platform for delivering engaging, multi-channel customer experiences
to drive online business success.
首先最全的CQ5的官方documents http://dev.day.com/content/docs/e ...
CSS3 Gradient
CSS3
发布很久了,现在在国外的一些页面上常能看到他的身影,这让我羡慕已久,只可惜在国内为了兼容IE,让这一项技术受到很大的限制,很多Web前端人员都望而止步。虽然如此但还是有很多朋友在钻研CSS3
在web中的应用,为了不被淘汰,我也开始向CSS3
进发,争取跟上技术的前沿。从现在开始我会不断的发布一些CSS3
的应用,和大家一起分享,今天我们首先要看的就是:CSS3: Gradient ...
css3之background-size
CSS3之background-size
---------设置背景图片的大小。
background-size的取值:
auto --------默认值,保持背景图片的原始高度和宽度。
<length> --------设置具体的值,可以改变背景图片的大小。
<percentage>--------0 ...
HTML5/CSS3翻转动画(二)
上一篇我们制作了两行文字的翻转效果,他们是同步进行的,当然不同步也可以设置时间不同。而有时我们想时间上是相同的,但是翻转效果是不同的,这点也不难做,我们再编写一组翻转动画CSS即可:
@-webkit-keyframes flip2 {
0% {
-webkit-transform: rotateY(0deg) scale(1,1);
color: white;
} ...
HTML5/CSS3翻转动画(一)
翻转动画效果,就是将页面的元素(文字,图片)加入围绕坐标轴翻转的效果,在Webkit内核的浏览器中,很容易实现。而其它内核暂时支持不是很好。首先,我们创建页面:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="tex ...
15款强大的HTML5素描及绘图工具
我们知道,素描是设计师工作流程中的一个重要环节。本文收集了一些借助javascript和HTML5 Canvas开发的素描工具,这些工具表明,HTML5的确是一个令人兴奋的标记语言。如果你发现了新的基于HTML5 Canvas开发的绘图工具,欢迎在这里与大家分享。
1. Write
非常接近于中国书法,还有字贴供你临摹,还可以画水墨画,有绘画天赋的朋友可以试试。要使用IE9。
2. ...
css3之box-sizing
简单记录,个人学习。
box-sizing:
content-box -------维持css2.1盒模型的组成模式,element width = border+padding+content
border-box -------改变css2.1盒模型的组成模式,elemnet width = content
贴上两个图----资源来源于http ...
利用CSS3创建用户可以改变大小的DIV容器
下面的例子展示了你如何利用CSS3创建用户可以改变大小的DIV容器。通过设置resize和overflow样式。
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
...
CSS3选择器小结
这段时间忙中偷闲学了下CSS3,在此想给自己的学习小小地总结下,首先还是总结下CSS3的选择器吧。
CSS选择器是个难以置信地强大的工具:它们允许我们在标签中指定特定的HTML元素
而不必使用多余的
class、 ID
或JavaScripts。而且它们中的大部分并不是CSS3中新添加的,而是没有被得到应有的广泛应用。如果你在尝试实现一个干净的、轻量级 ...
text-overflow
简单记录,学习
text-overflow: clip | ellipsis
clip 不显示省略标记(...),而是简单的裁剪。
ellipsis 当对象内文本溢出时显示省略标记(...)
说明:
要实现溢出时候产生省略的效果还需要定义:强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(over ...
CSS3 选择器【2】
UI元素状态伪类选择器
UI元素状态伪类选择器的共同特征是:指定的样式只有当元素处于某种状态下时才起作用,在默认状态下不起作用。
选择器E:hover、E:active和E:focus
E:hover选择器用来指定当鼠标指针移动到元素上时元素所使用的样式;
E:active选择器用来指定元素被激活(鼠标在元素上按下还没有松开)时使用的样式;
E:focus选择器用来指定元素获得光标焦点时 ...
CSS3 模块化结构
CSS3中的模块
模块名称
功能描述
Basic box model
定义各种与盒相关的样式。
Line
定义各种与直线相关的样式。
Lists
定义各种与列表相关的样式。
Hyperlink Presentation
定义各种与超链接相关的样式。譬如锚的显示方式、激活时的视觉效果等。
Presentation Levels
定义页面中元素的不同的样 ...
HTML5中截取文字
下面的例子展示了如何在在HTML5中截取text。通过设置 text-overflow 样式为“ellipsis”。
<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css">
.truncated ...
HTML5/CSS3清爽后台番外篇-添加锁屏效果
锁屏效果,也就是将屏幕置于模态,不允许用户触发任何动作,只能解除锁定后才能继续使用,jQueryUI的dialog有模态对话框,这一点不难做到。那么,首先需要在页面中添加一个div层,用于做模态的层:
<div id="overlay">
其对应的CSS比较简单,主要设置一下z-index属性,值设置的很大即可,就能达到覆盖其余元素的效果,加上opac ...