• CSS3制作旋转的大风车样式代码2013-01-31.windmill{ padding:10px; width:400px; height:400px; position:relative;animation-name:moveWindmill;animation-duration:4s;animation-timing-function:linearanimation-delay:0;animation-iteration-count:infinite;animation-play-state:running;/* 动画: */-moz-animation-..【阅读全文】
  • CSS3 入门教程系列:CSS3 圆角(border-radius)2013-01-31您可能感兴趣的相关文章Web 开发人员和设计师必读文章推荐20个非常绚丽的 CSS3 特性应用演示35个让人惊讶的 CSS3 动画效果演示推荐12个漂亮的 CSS3 按钮实现方案24款非常实用的 CSS3 工具终极收藏 现在有了 CSS3 的 border-radius 特性之后,实现边框圆角效果就非常简单了,而且..【阅读全文】
  • CSS新手学习:DIV背景定位2013-01-31 在写博客之前 我都是会把工作中接触到的新知识放在我的微博里面,但是由于微博总是限制我的字数,有很多内容我都是分散成几个部分,现在我就来整理一个,我积累的一个页面布局的内容。 在早期table风行的年代,页面布局中使用的小图标,和背景会让你的页面中有非常多的图片素材..【阅读全文】
  • HTML内部和外部样式表的使用说明2013-01-29html <link rel=”stylesheet” type=”text/css” href=”css/global.css”>XHTML <link rel="stylesheet" type="text/css" href="css/global.css" /> rel-- 表示连接类型 --- styesheet 指的是链接到样式表。 type –- 是让浏览器..【阅读全文】
  • CSS3入门教程系列:CSS3 RGBA 颜色用法详解2013-01-29RGBA 是代表Red(红色) Green(绿色) Blue(蓝色)和 Alpha(不透明度)的色彩空间。虽然它有的时候被描述为一个颜色空间,但是它其实仅仅是 RGB 模型附加了额外的信息从而形成了我们今天需要讨论的 RGBA。如果需要更详细的解说,大家就跟着我一起往下看吧。基本语法: R:红色..【阅读全文】
  • jquery和css实现的一个级联菜单2013-01-24最近在学些web前段的知识,看见博客园首页左侧的一个级联菜单,就想写一个demo.呵呵<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3...【阅读全文】
  • 免费精美素材:一组充满吸引力的矢量徽章图案2013-01-23 徽章是设计中使用的基本元素之一,是帮助你销售产品和提升产品人气的非常有效的方式。如果你想让网页中的某个产品吸引用户的注意力,你可以给它加个徽章。下面分享一组充满吸引力的免费矢量徽章集合,赶紧收藏吧。Vintage Company Badge Hologram Sticker Vectors Retro Emblem ..【阅读全文】
  • ul, li, a怎么用2013-01-19<style type="text/css">*{margin:0; padding:0;font-size:14px}body{padding-top:20px}ul,li{list-style: none}ul{background: yellow;}li{float:left;height:50px;}a{display:inline-block;padding:0 30px;line-height: 50px;background:pink url(images/dian.jpg) no-rep..【阅读全文】
  • LESS-Alexis Sellier设计的动态层叠样式表语言2013-01-17Less (一种动态样式语言)。LESS是一种由Alexis Sellier设计的动态层叠样式表语言,受Sass所影响,同时也影响了Sass的新语法:SCSS。 LESS是开源的,其第一个版本由Ruby写成,但在后续的版本当中,Ruby逐渐被替换为JavaScript。受益于JavaScript,LESS可以在客户端上运行(IE6+、..【阅读全文】
  • 对背景图定位中background-position用法2013-01-15 最近在项目中需要大量的用到很多标签按钮什么的零碎图片,加上一直没机会使用Css中的”精灵技术“,这里把我对background-position的理解写成文档供更多人使用学习。现有所有按钮图片的合体 第一步:我们要显示 这个按钮,那么我们要先定义一个div(后面我们称为视窗)标签,..【阅读全文】
  • CSS标签语法:详解选择符中的关系选择符2013-01-15 相信大家都对CSS选择符都不陌生,选择符包含:元素选择符、关系选择符、属性选择符、伪类选择符、伪对象选择符。在众多的选择符中,可以让我们根据自己的需要更加灵活性的选择合适的选择符来对样式进行编写,达到最大的质量和效率。 今天就为大家介绍下选择符中的关系选择..【阅读全文】
  • CSS教程:ie6中li插入图片后下方有空隙的问题2013-01-11<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/base.css" media="all"/> <s..【阅读全文】
  • CSS技巧:固定宽度文字换行2013-01-10<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title>固定宽度文字换行</title> <style type="text/css"> *{margin:0;padding:0;} body{font:12px SimSun;} a{color:blue;text-dec..【阅读全文】
  • css中英文字母和汉字行高不同怎么办2013-01-06网页制作文章简介:css中英文字母和汉字行高不一样的解决办法。 最近在写一个css的时候遇到一个问题:英文字母和汉字的行高不一样,导致在全汉字、全英文字母以及汉字字母混合时设置好的margin或padding 属性出现偏差…当然这种情况之存在于IE浏览器,Safari、Google Chrom..【阅读全文】
  • CSS教程:链接外虚线框的设定hideFocus2013-01-06网页制作文章简介:css中hideFocus的用法. css中hideFocus的用法简单说:hideFocus是对超链接外虚线框的设定!hideFocus即隐藏聚焦,具有使对象聚焦失效的功能,其功能相当于: onFocus="this.blur()"它的值是一个布尔值,如hideFocus=true。也可省略赋值直接写hideFoc..【阅读全文】
  • CSS实现背景图片不规则的导航菜单2013-01-02一般情况下导航菜单的背景图片都是比较有规则的,但是平时我们也会遇到很多背景图片形状不规则导航条(比如但鼠标移上的时候,背景图片不规则,本例只讨论此种类型),如下图所示:(图一)当鼠标移上去的时候背景变成红色箭头,也许,咋一看,觉得这个效果并没有什么特别的地方,..【阅读全文】
  • CSS3背景色渐变(各浏览器兼容)2012-12-31背景颜色渐变(适合各浏览器)#idname{ filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#E5F5FF,endcolorstr=#ffffff,gradientType=0); -ms-filter:alpha(opa..【阅读全文】
  • CSS基础教程:控制XML文档的显示2012-12-30Cascading Style Sheet(CSS,级联样式单)也被称为层叠样式单。作用:主要用于网页风格设计,控制HTML页面中的元素大小、位置、背景、颜色等外观,其提供了一种机制让程序员开发时可以暂不考虑显示和界面,显示问题由美工或程序员在后期解决,也可以用于控制XML文档的显示。 样式..【阅读全文】
  • CSS3 滤镜:webkit-filter 的用法2012-12-27大家可能对 Instagram 这款 iPhone APP 上的滤镜效果很感兴趣,其实 CSS3 开始也有滤镜(不是 IE 的那种滤镜),这些滤镜效果最初是用于 SVG 的,W3C 将其引入到 CSS3 中,然后制定了 CSS Filter Effects 1.0 的规范,Webkit 率先支持了它。-webkit-filter 的用法-webkit-filter ..【阅读全文】
  • 【html5】让ie支持html5标签2012-12-27<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .wrapper{width:1000px;margin-left:auto;margin-right:auto;} #header{height:100px;back..【阅读全文】
共 1231 条记录┊当前页次:3/62┊20条/页