CSS的目标,或者说是革命纲领就是:“将样式与内容分离”,这个目标能否实现,很大程度上依赖于CSS访问内容的能力。在CSS3中,这个任务得到了有力支持,强大的结构伪类Structural
pseudo-classes出现了。提供了非常丰富的查询方式,让CSS选择器变得如此和蔼可亲了。让我们来快速概览...
分类:
Web程序 时间:
2014-05-26 22:29:42
阅读次数:
338
流式布局,就是用百分比设置宽度的布局形式目标宽度/上下文宽度=值无标题文档
解决办法:使用CSS3中的box-sizing属性(IE8开始兼容了),这个属性用来规定,CSS中出现的width值是谁的宽度?无标题文档
这个属性在流式布局中特别常用无标...
分类:
其他好文 时间:
2014-05-26 15:19:26
阅读次数:
286
Demo: CSS3 ButtonsCSS3 Gradient Buttonsby Web
Designer Wall Rectangle or Rounded Can be Medium or Small Button Tag Span Div P
Tag H3 Gray Ro...
分类:
Web程序 时间:
2014-05-26 14:55:43
阅读次数:
381
每天进步一小步,一年进步一大步。第一次发博客园文章,主要记录自己学习的一个过程。CSS3
背景CSS3
包含多个新的背景属性,它们提供了对背景更强大的控制。background-sizebackground-origin您也将学到如何使用多重背景图片。浏览器支持Internet
Explorer 9...
分类:
Web程序 时间:
2014-05-26 12:36:28
阅读次数:
273
这篇文章将为大家分享5款漂亮的CSS3图片滑过特效,比如滑过后显示图片的详细文字介绍,又比如滑过后对图片进行淡入淡出的效果等等。让我们一起来看看,喜欢的朋友赶紧收藏。1、非常酷的CSS3图片说明效果在线演示/源码下载2、纯CSS3图片相册在线演示/源码下载3、CSS3图片滑过阴影效果在线演示/源码下...
分类:
Web程序 时间:
2014-05-26 11:24:00
阅读次数:
254
【原链接】http://www.2cto.com/kf/201310/248187.html
一、有点俗态的开场白要是两年前,实现“兼容性的渐变效果”这个说法估计不会被提出来的,那个时候,说起渐变背景,想到的多半是IE的渐变滤镜,其他浏览器尚未支持,但是,在对CSS3支持日趋完善的今天,实...
分类:
Web程序 时间:
2014-05-23 07:15:02
阅读次数:
308
1. background-size background-size: cover ||
contain. 该属性可以是背景图片铺满容器,前者适用于当背景图片原始尺寸小于容器大小,后者适用于图片尺寸大于容器。2. background-clip 取值
: border-box || padding....
分类:
Web程序 时间:
2014-05-23 06:32:10
阅读次数:
331
基本元素元素名属性名属性说明作用备注代码备注根元素页面头部页面标题页面主体~定义标题(字体大小区别)定义段落插入一个换行定义水平线定义文档中的节与div基本相似,区别是不默认不会换行显示文本格式化元素名属性名属性说明作用备注定义粗体文本定义斜体文本定义强调文本
实际效果与斜体文本差不多与标签的作用和...
分类:
编程语言 时间:
2014-05-23 04:14:09
阅读次数:
279
转载请注明出处:HTMl5自由者
4月份写的一篇关于IE6 Bug 怪异解析(模式)的文章,现在重新理解了下,就再写一篇详细一点的文章来补充下知识点。
怪异解析分两种情况;
① 当padding+border 时,
重点:
padding + border width,padding + border忽略掉,算进width里面,也就...
分类:
其他好文 时间:
2014-05-23 01:38:21
阅读次数:
198
关于webApp响应式设计遇到的问题,分享给大家,最近在做一个手机webApp,因为我手机是”米3“,屏幕截图大小是1080宽,所以css样式用@media screen and(min-width:1080px){ ...... },来判断屏幕最小宽度是1080px的手机web显示什么样的样式,结果却不能正常显示我所指定的css样式,最后在网上查了一下,发现分辨率的范围不对惊恐。...
分类:
移动开发 时间:
2014-05-21 15:17:17
阅读次数:
267