CSS3教程(6):创建网站多列

CSS3教程(6):创建网站多列的相关文章

• 
  构建网站合理规划CSS文件

  标签：Web开发

  现在的开发环境CSS越来越成为主流，各企业与IT公司对CSS也越来越重视，大家的学习也热情高涨，CSS被我们赋予了前所未有的使命。然而依赖css越多，样式表文件就会变得越大越复杂。与此同时，文件维护和组织的考验也随之而来。曾几何时只要一个CSS文件就够了所有规则（rule）汇聚一堂，增删改都很方便可这种日子早已远去。现在构建网站时，必须花点时间好好筹划，如何组织规划，构建合理高效的CSS系统。...[ 查看全文 ]

  冯丶恩远

  41
• 
  10个易用在线表单创建网站设计

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  国外的在线表单应用已经很成熟，它给一般用户用于创建各式各样的在线表单，并可以轻轻松松地嵌入到自己的网站应用中去。在国外，类似的应用很少很少，而且很大程度上没有得到用户的认同，我想应该是跟国外网站应用的更新过快有关的，很多网站都是在年内上线年内下线，给用户产生了不可靠的心理压力，这些说来话长，还是让我们欣赏下这10多个优秀的在线表单服务网站吧，设计也非常的好。 1. Wufoo 2. For...[ 查看全文 ]

  834900753

  61
• 
  Web技术进阶—PHP构建网站

  标签：PHP

  当建设一个网站的时候，绝大多数时候不仅需要它能够提供静态网页访问能力，还希望它能和浏览器用户交互、访问后台数据库提供实时更新的信息等等，一句话，要提供动态网页服务能力。这时，你是选择传统方式的CGI呢，还是选择PHP、ASP等服务器端脚本呢？  ■从CGI到服务器端脚本  创建动态网页的标准方式是CGI，这种方式允许Web服务器运行一个CGI程序来回应浏览器的请求。除了要遵从简单...[ 查看全文 ]

  闪闪的非卖品

  91
• 
  CSS3教程(10):CSS3 HSL声明设置颜色

  标签：Web开发

  使用CSS3 HSL声明同样是用来设置颜色的。下一个呢？ HSLA？ 是的，这个和RGBA的效果是一样的。 上一篇文章：CSS3教程(9):设置RGB颜色 HSL声明使用色调Hue(H)、饱和度Saturation(s)和亮度Lightness(L)来设置颜色。 Hue 衍生于色盘：0和360是红色，接近120的是绿色，240是蓝色。 Saturation 值是一个百分比：0%是灰度，100%饱和度最高 Lightness 值也是一个百分比：0%是最暗，50%均值，100%最亮。 ...[ 查看全文 ]

  张杰马玉涛

  41
• 
  CSS3教程(8):CSS3透明度指南

  标签：Web开发

  CSS3透明不透明渐变随便你怎么叫它吧！这里是一些使用CSS3透明度的指南以及一些例子。 其实这个firefox很久以前就支持了，而IE一直不支持！ 上一篇文章：CSS3教程(7):CSS3嵌入字体 opacity声明用来设置一个元素的透明度：层、文字、图片等一个opacity的值为1的元素是完全不透明的，反之，值为0是完全透明的，看不见的。1到0之间的任何值都表示该元素的透明程度。 浏览器兼容性 opacity是浏览器支持...[ 查看全文 ]

  天蝎赵忠航

  31
• 
  CSS3系列教程:阴影

  标签：Web开发

  阴影大约从CSS2就开始有了，但是只有Safari一个浏览器支持它，到现在依然是这样。阴影在CSS3中可以应用在边框和文字上，就像图片的阴影效果一样。 一般可以分为box-shadow和textshadow两类。 CSS3的box-shadow和textshadow可以写做：box-shadow:Apx Bpx Cpx #xxx; Apx = x轴 Bpx = y轴 Cpx = 投影长度 #XXX = 像通常一样的颜色 了解了这些，我们就可以以下面的方法开始体验了 浏览器兼容性： 在前面的介...[ 查看全文 ]

  cghjvhome

  21
• 
  CSS教程：详解CSS3 Media Queries

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  说起CSS3的新特性，就不得不提到 Media Queries 。本文比较详细，所以很多实际中用不到。所以如果只是想简单了解Media Queries，推荐参考 CSS3 Media Queries 。 CSS2.1定义了 Media 的部分，包括类型、组别和规则等。CSS并非为了显示器而创造，而是应用于各种各样的媒体，比如常见的显示器，越来愈多的手持设备，可能略显过时的电视机等等。 而 Media Queries 的引入，其作用就是允许添加表达式用以确定媒...[ 查看全文 ]

  运城学院好男人

  21
• 
  理解AJAX工作原理 构建网站的有效方法

  标签：Web开发

  Ajax 由 HTML、JavaScript™ 技术、DHTML 和 DOM 组成，这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序。本文的作者是一位 Ajax 专家，他演示了这些技术如何协同工作 —— 从总体概述到细节的讨论 —— 使高效的 Web 开发成为现实。他还揭开了 Ajax 核心概念的神秘面纱，包括 XMLHttpRequest 对象。 五年前，如果不知道 XML，您就是一只无人重视的丑小鸭。十八个月前，Ruby 成了关...[ 查看全文 ]

  邢台_奋青

  61
• 
  Linux操作系统中用PHP构建网站详解

  标签：Web开发

  如何架设一个新闻系统呢？一个完整的新闻系统不仅仅只包括供浏览的新闻界面,它还包括许多功能的控制和后台管理的强劲功能。那么这些功能内的子功能又如何调度分配呢？下面就来介绍一下各功能的调配控制。新闻系统的实现是简单的,但也可以说是非常复杂的。 新闻系统可分为三大部分:管理员登入系统,新闻管理系统,用户浏览系统。整个过程是简单的: 1、管理人员发布新闻--数据库--用户浏览新闻 ...[ 查看全文 ]

  善良的秦易轩

  21
• 
  CSS3系列教程:边框颜色

  标签：Web开发

  现在我们来看一看如何为边框的border-color添加更多的色彩。 使用CSS3的border-radius属性，如果你设置了border的宽度是X px，那么你就可以在这个border上使用X种颜色，每种颜色显示1px的宽度。如果说你的border的宽度是10个像素，但是只声明了5或6中颜 色，那么最后一个颜色将被添加到剩下的宽度。 浏览器兼容性 目前只有Firefox支持CSS3 border-colour属性，所以我们这里只需使用-moz前缀。 所有本系列...[ 查看全文 ]

  骑着毛驴看景o

  101
• 
  css3 transform 3d 使用css3创建动态3d立方体(html5实践)

  标签：Web开发

  在今天的课程中，我将向大家介绍如何使用css3创建3d的立方体。大家可以通过下面的链接浏览实际效果，操作上下左右键，实现立方体的翻转效果。 demo地址 ：http://www.jb51.net/jiaoben/70022.html 下面我们开始介绍如何制作。 html ： 代码如下： div id="experiment" div id="cube" div class="face one" One face /div div class="face two" Up, down, left, right /div div class="face ...[ 查看全文 ]

  平平安安792

  131
• 
  初步了解CSS3

  标签：Html CSS布局 Div+CSS XHTML

    最近闲来无事，上W3C转了一圈，粗略地浏览了一下尚未发布的CSS3，虽然还未被W3C正式发布出来，但还是能从已有的资料中窥出一些端倪，一个很明显的特征，CSS3制订得越来越细致了，某些细节之处完全超乎你所能想象的到的范围。 在这里不提及CSS3的语法，因为对于目前尚未有软件支持的CSS3，任何语法的探讨都像是空中楼阁，毫无意义可言。以下我就列举一下CSS3中部分新内容。 1、...[ 查看全文 ]

  3鈨o笍濮

  41
• 
  CSS3教程：由CSS3代码生成的图形与图标设计

  标签：Web开发

  本文中的这些标志与图标都是用CSS3制作而成，看上去似乎很不可思议，其中包括了IE图标，网站图标，奥运会标志等等，都是一些十分常见的标志，而它们之所有如此特别是因为这些标志与图标只是用CSS3来显示在网页中，而并非图片显示。 尽管被批评为走火入魔，CSS3 痴迷者们仍然在尝试实现各种基于纯 CSS 的图形与图标设计，如果你看到本文介绍的这些精美图标，你绝对不会相信它们完全是由 CSS3 代码生成的。尤...[ 查看全文 ]

  坏孩子丨最拉风

  81
• 
  CSS3教程(9):设置RGB颜色

  标签：Web开发

  使用新的CSS3的”RGBA”声明，不仅仅让我们像通常一样设置RGB颜色，而且还可以设置其透明度。 RGBA像RGB一样设置颜色，而这个”A”——RGBA中的最后一个值——允许我们设置该元素的透明度。就像opacity声明一样，一个opacity值为1的元素是完全不透明的，而一个opacity为0的元素是完全透明的。 浏览器兼容性 RGBA现在在Firefox、Google Chrome和Safari中都有比较好的支持，同样不需要前缀。 CSS3 RGBA 色...[ 查看全文 ]

  nswbdty

  81
• 
  CSS3 有关的问题

  标签：Web开发

  Eric A. Meyer 对基于 Web 标准的 CSS 与 HTML 绝非一知半解，他是这个领域杰出的专家，曾写过不少 CSS 方面的书，是 An Event Apart 的合伙创始人，A List Apart 团队成员，还是 Complex Spiral Consulting 的创始人。另外， Eric Meyer 7年来一直是 CSS Working Group 资格深获邀专家，他们负责维护和开发 CSS。   不用说，如果要找个人请教一些 CSS 方面的问题，Eric Meyer 就是那个人。本文作者...[ 查看全文 ]

  你印哥

  21
• 
  CSS3教程:rem设置字体大小

  标签：Web开发

  在Web中使用什么单位来定义页面的字体大小，至今天为止都还在激烈的争论着，有人说PX做为单位好，有人说EM优点多，还有人在说百分比方便，以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。不幸的是，仍然有不同的利弊，使各种技术都不太理想，但又无法不去用。真是进也难，退也难呀。 最近在学习em的相关知识的时候，无意之间让我拾得一宝，就是使用rem来设置Web页面的字体大小。让...[ 查看全文 ]

  gc_123456789

  261
• 
  CSS3系列教程:边框半径和圆角

  标签：Web开发

  页面中圆角的实现是个很头疼的问题，虽然现在有很多种实现方法，但是都是比较麻烦的。在本文中，让我们看看如何使用CSS3 border-radius来实现圆角DIV。   跨浏览器兼容性 就像在上一篇《CSS3系列教程：简介》中提到的，并不是所有的浏览器支持CSS3，但是那些比较好的浏览器选择兼容，而不是直接支持。我们有两个能使用的前缀。 前缀： -moz(例如 -moz-border-radius)用于Firefox -webkit(例如：-...[ 查看全文 ]

  赵佩暄

  81
• 
  27个HTML5和CSS3的网站设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  设计专业并且简洁的网站模板可以帮助我们更容易的开发和设计网站页面。作为最新最流行的web技术HTML5和CSS3技术来说，使用它们构建的模板更加简洁和时尚。 在今天这篇文章收集中，我们将介绍一些我们收集的免费超酷HTML5和CSS3网站设计模板。你不但能够欣赏到超酷的设计作品，同时也可以了解如何使用HTML5和CSS3进行高效的网站设计。希望大家喜欢!如果你也喜欢的话，请给我们留言，你的留言是我们持续更新的...[ 查看全文 ]

  优友圈阿东

  71
• 
  CSS3五个技巧给你的网站带来出色的效果

  标签：Web开发

  CSS 3 + HTML 5 是未来的 Web，它们都还没有正式到来，虽然不少浏览器已经开始对它们提供部分支持。本文介绍了 5 个 CSS3 技巧，可以帮你实现未来的 Web，不过，这些技术不应该用在正式的客户项目，它们更适合你的个人博客站点，Web 设计社区，或者不会有客户向你投诉的场合。 1. 圆角效果 CSS3 新功能中最常用的一项是圆角效果，标准 HTML 方块对象是90度方角的，CSS3 可以帮你实现圆角。 -moz-bor...[ 查看全文 ]

  tangangj632

  51
• 
  CSS3教程:新增加的结构伪类

  标签：Web开发

  相关阅读文章：CSS3属性选择符介绍 4.7.3 结构伪类（Structural pseudo-classes） CSS 3增加了大量的结构伪类，利用文档结构树来实现表现，从而可以减少页面内class属性和ID属性的定义，使得文档更加简洁。 1. E:root 匹配文档的根元素。在(X)HTML中，根元素就是html元素。例如： :root { border: 1px solid blue; } 在(X)HTML文档中，其效果等同于： html { border: 1px solid blue; } 2....[ 查看全文 ]

  只爱你323

  41