logo

css3实现图片旋转

2012/3/8 17:46:32 | Tag: CSS, HTML, 旋转 | Hits: 979 | Comments: 0

transform属性有很多用法,其中一个就是translate(旋转)。translate就是基于角度转动一个对象并可用于内联元素和块级元素,它可以实现很酷的效果。

img{
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      filter: progid:DXImageTransfo

19个基于 HTML5 和 CSS3 开发的优秀应用程序

2012/1/20 23:27:03 | Tag: HTML, CSS, WEB | Hits: 1079 | Comments: 0

今天,本文向大家展示19个基于 [url=http://www.html5cn.org/]HTML5[/url] 和 [url=http://www.html5cn.org/portal.php?mod=list&catid=16]CSS3[/url] 开发的优秀[url=http://www.html5cn.org/portal.php?mod=list&catid=20]应用[/url]程序。[url=http://www.cnblogs.com/lhb25/category/146076.html]HTML5[/url]可以说是近十年来 Web 标准最巨大的飞跃,它的使命是将 Web 带入一个成熟的应用平台,而 CSS3 同样给 WEB 开发带来了革命性的影响,以前很多需要[url=h

附常见中文字体的英文名

2012/1/15 10:46:45 | Tag: CSS, HTML, FONT, font-family | Hits: 1180 | Comments: 0

做项目时偶遇的一诡异问题,同样的代码,在ff和IE7以上页面显示正常,但IE6无论怎么改都不起作用,本来以为是IE6的某些浮动bug所致,结果弄了很长时间也不行,后来不经意间把原来设定的font-family: "黑体"属性去掉了,一切恢复正常。。。
到网上搜了下,还真有不少人遇到同样的问题,下面摘录一段:

css文件里font-family: "黑体";这句会导致后面的css定义全部不起作用了。
只要把font-family: "黑体";
改成
font-family:黑体;
就行了,去掉空格和双引号。
这个问题只存在于IE6中。

一处容器的font-family属性里写了"宋体",而IE6一下不解析"" 号,于是就导致整个页面的居中失效
css中指定fo

12个漂亮的CSS3按钮实现方案

2011/12/5 10:06:26 | Tag: CSS, HTML | Hits: 1106 | Comments: 0

在过去,我们都是使用图片或者JavaScript来实现漂亮的按钮效果,随着越来越多的浏览器对CSS3的支持和完善,使用CSS3来实现美观的按钮已没有太多的障碍。
今天,本文收集了12个很不错的CSS3按钮方案并有相关的使用

[url]http://lab.simurai.com/css/buttons/[/url]
[img]http://www.webresourcesdepot.com/wp-content/uploads/css3-bonbon-buttons%281%29.jpg[/img]

[url]http://horaciobella.com/zardi/[/url]
[img]http://www.webresourcesdepot.com/wp-content/uploads/zardi-css3-buttons.jp

CSS3弹性盒模型

2011/11/20 20:43:07 | Tag: CSS3, HTML, WEB | Hits: 1065 | Comments: 0

Css3引入了新的盒模型——弹性盒模型,该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL(火狐使用的用户交互语言)相似,其它语言也使用相同的盒模型,如XAML  、GladeXML。

使用该模型,可以很轻松的创建自适应浏览器窗口的流动布局或自适应字体大小的弹性布局。本文的例子使用以下的HTML代码:


1.<body>

2.  <div id="box1">1</div>

3.  <div id="box2">2</div>

4.  <div id="box3">3</div>

语义化的HTML结构到底有什么好处?

2010/12/30 19:12:01 | Tag: HTML, 语义化 | Hits: 1496 | Comments: 0

相信大家都知道html和css,知道html结构和css表现分离,知道html语义化,这些都是这几年的热门关键字。语义化的html在国内也是一两年前才开始被追捧的,看看现在群里谈论的html结构,关于html结构的面试题,语义化的html占据了很大一部分。那么为什么要使用语义化的HTML?语义化的HTML到底有什么好处呢?
HTML是提供网页文档内容的上下文结构和含义;html本身是没有表现的,我们看到例如<h1>是粗体,字体大小2em,加粗;<strong>是加粗的,不要认为这是html的表现,这些其实html默认的css样式在起作用,所以首先我们要知道html和页面的表现是没有关系的,这些是css的事情。HTML在页面中的作用就是结构和含义,通俗点说就是划分内容,这里放什么,我们放的是什么。
语义化的HTML结构首先要强调HTML结构
HTML结构是页

HTML5 中的一些新特性

2010/12/30 19:10:39 | Tag: html5, css | Hits: 1310 | Comments: 0

简洁的DOCTYPE: 
HTML5 只有一个简单的文档类型:<!DOCTYPE html>。它不使用版本,因此该文档类型适用所有版本的HTML。

简单易记的语言标签: 
你并不需要在<html> 中使用xmlns 或xml:lang标记。<html lang=”en”> 将对HTML5 有效。

简单易记的编码类型: 
你现在可以在meta 标签中使用”charset”:<meta charset=”utf-8″ />
不需要闭合标签: 
在HTML5 中,空标签(如:br、img 和input )并不

关于CSS的一些

2010/11/23 16:42:13 | Tag: css, html, 前端, web | Hits: 1421 | Comments: 0

[url=http://www.qianduan.net/]http://www.qianduan.net/[/url]  前端观察

[url=http://leaverou.me/scripts/css3learn.html]http://leaverou.me/scripts/css3learn.html[/url]

[url=http://caniuse.com/#cats=CSS3]http://caniuse.com/#cats=CSS3[/url]

[url=http://www.codenique.com/html/image_maps/]http://www.codenique.com/html/image_maps/[/url]
   

商业价值杂志:HTML5将带来什么

2010/9/14 11:34:05 | Tag: HTML5, WEB | Hits: 1349 | Comments: 0

2010年上半年的苹果与Adobe的冲突,使HTML5的存在一夜之间被很多人所知晓。在乔布斯的煽动下,这一已经在科技界潜行数年的下一代 Web标准,被迅速拎到了台面上,苹果、谷歌、微软这科技界三巨头,连同众多业界明星,似乎突然对HTML5变得情有独钟,利益集团的之间的争夺,成了这 个技术最好的催化剂。

  HTML5的火热似乎暗合了“合久必分,分久必合”的旧理。愈发多样化的互联网应用与现有平台割据之间的矛盾,产生了对标准统一Web标准的迫切需求,而HTML5正是担负这一使命的最佳候选——现在看来,也是唯一候选。

  显然,它的重要性不言而喻。而围绕着这一标准的争夺,势必会激起科技界的惊涛骇浪。

  HTML即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是制作网页的主要语言。诞生于1993年的HTML

浏览器/CSS选择器兼容性总结

2009/4/1 10:54:16 | Tag: CSS, HTML, 样式 | Hits: 1403 | Comments: 0

2009年2月24日,Safari 4.0 beta版正式发布,Safari从它的3.2版本开始就已经支持所有的CSS选择器(包括最新的CSS3)。不过为了方便大家的工作,下面提供了最新版本的CSS选择器浏览器支持情况,其中包括最新的CSS3和Safari 4.0 Beta的支持情况。感谢Estelle Weyl的总结。

注:

 * 绿色/ √  表示目前支持。
 * 橙色/ Δ  表示浏览器部分支持当前CSS选择器。
 * 红色/ Χ  表示浏览器完全不支持。


[img]http://blog.bingo929.c

Copyright 2013 © SkyIMG.cn. All Rights Reserved. | 京ICP备05063919号