CSS - 本栏共有:174 篇文章 , 每页20 篇 , 当前第6页 / 共9页
-
发布日期: 2007-09-26 15:14:02 信息来源: 开发者在线除了需要考虑不同的浏览器和Web标准之外，你更需要考虑的是浏览站点的设备或者媒体的多样性。CSS媒体类型提供创建Web应用软件的功能， 它能随目标媒体的变化而变化。本文将用一些例子检查这个CSS特点。 媒体CSS媒体类型指定了一组CSS属性。那些声称能够支持媒体类型的用户代理必须实现所有的属性，...... -
发布日期: 2007-09-26 15:12:21 信息来源: 开发者在线 Tony Patton利用CSS定位Web页面上的元素有很多需要注意的地方，当你需要一个元素出现在另一个元素的位置时，经常会突然出现有趣的场景。使用CSS的 z-index属性控制元素的堆放可以很容易的解决这个问题。本文为大家详细介绍CSS堆放元素的使用。 定位 元素的堆放顺序依赖于CSS的定位方面。有三种定位方式可供选......
-
发布日期: 2007-09-26 15:10:24 信息来源: Builder.com 作者: Builder.com在一个具有图形背景的按钮中添加CSS风格的文本，这种建立按钮的方法结合了具有CSS翻滚(CSS rollover)标记的开发速度和效率，从而有效地提高按钮外表图像的三维效果。 相比于常规的图形按钮，这些图形/CSS混合按钮可易于建立和载入，因为你只需要为空白按钮外面建立和载入一个图像，而不是为每一个按钮建立各自的图像。 ......
-
发布日期: 2007-09-26 15:08:09 信息来源: 开发者在线 Rex Baldrazo我认为多选列表具有完美的功能——只需按下Ctrl键，同时点击鼠标从列表中选择多个项目。以下是一个典型的多选列表框： 选出你最喜爱的快餐： 上面那个列表框的代码如下： <form method="get" action=""> <b>Check your favorite fast food:</b><br/> <SELECT MULTIPLE SIZE=5 nam......
-
发布日期: 2007-09-13 06:25:40 信息来源: Arting365.com由于平时不太用到，所以过去写css的时候对于position属性的absolute、 relative值理解比较模糊，对于z-index的层叠更是摸不着头脑，除了理解的因素外，各个浏览器的不同解析结果也是一个大问题。今天仔细阅读了一下css文档，总算是对盒模型的浮动、定位有了比较深刻的理解。我们在实践中很有可能遇到这样的问题：1、做......
-
发布日期: 2007-09-10 08:50:39 信息来源: Arting365.com使用AJAX的十大理由： 10、XAML,XUL,XForms...等等。 9、服务端技术的不确定性。 8、Web2.0。 7、被软件工业领袖们强势采用。 6、和Flex和Flash等技术的很好的集成。 5、边际成本低。 4、能使常规的Web应用受益。 3、跨浏览器和跨平台。 2、以可用性和用......
-
发布日期: 2007-09-10 08:50:17 信息来源: Arting365.com//显示属性displaylist-stylepositionfloatclear//自身属性widthheightmarginpaddingborderbackground//文本属性colorfonttext-decorationtext-alignvertical-alignwhite-spaceother textcontent
-
发布日期: 2007-09-04 09:39:27 信息来源: Arting365.com在本人看来，HTML 5是一个妥协方案，虽不激进，但更能推动技术的继续进步。没有命名空间，元素也不要求闭合（当然这并不是优点），浏览器也可以宽大处理一些错误。一切沿袭上个世纪HTML 4的做法。对于HTML的渲染，浏览器一直停留在1999年的水平。为此，HTML 5是一个实用主义方案，这样不仅可以继续处理这么多年来散落在世......
-
发布日期: 2007-08-29 13:46:36 信息来源: Arting365.com级联样式表（Cascading Style Sheets，CSS）是一种为网站添加布局效果的出色工具。它可以省去你大量时间，令你可以采用一种全新的方式来 设计网站。CSS是每个网页设计人员所必须掌握的。 本CSS教程能够让你在数小时内入门CSS。它很容易理解，而且将向你介绍所有高级技巧。 学习CSS是很有趣的。你在学习本......
-
发布日期: 2007-08-22 21:44:10 信息来源: Arting365.com这次是用margin来实现，本实例实现方法简单但却很实用，实例做的是仿6room(著名web2.0视频网站)图片链接效果，下面请先运行代码看看最终实现的效果。 运行代码框<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http:......
-
发布日期: 2007-08-22 21:33:23 信息来源: Arting365.com最近,经常有朋友问我一些工作中遇到的CSS问题。他们总是不能很好的控制CSS，影响CSS的效率发挥。我来分析总结一下错误所在，帮助大家更加容易使用CSS。 本文总结了我开始使用CSS布局方法以来所有的技巧和兼容方案，我愿意把这些与你分享，我会重点解释一些新手容易犯的错误(包括我自己也犯过的)，如果你已经是CSS......
-
发布日期: 2007-08-14 10:04:49 信息来源: Arting365.com当然，生成缩略图这个工作如果交给程序来完成，效果会好很多，但是有时出于某种因素，例如服务器不支持GD之类的，难免就要请CSS代劳。 把一副大图片按比例缩小到某个尺寸，对于现代浏览器，直接使用max-width和max-height两条CSS属性即可。 对于IE 6.0及以下版本，以上两条CSS属性均不会被理会。之前处理这种事情，我......
-
发布日期: 2007-08-14 10:03:18 信息来源: Arting365.com在之前贴出的CSS说明中已经说明了#m_blog div.tit是Blog文章标题的代码所以我们只要把添加图片的代码添加在后面的{}中即可。 添加代码如下： line-height:多少px; 设置标题的高度，其实这里的设置为图片的高度就可以了 text-indent:多少px; 设置标题的文本前面空多少宽度，这里可以填图片的宽度，为了美观起见......
-
发布日期: 2007-08-14 10:00:11 信息来源: Arting365.com层叠式样表（CSS）正迅速成为网页布局与定位的实际标准。它们易于使用、不需要任何特殊的软件、并可在大多数主要的浏览器上应用。但是，正确使用它们需要全面了解一个特殊布局的功能性目的，保证生成的样式表在逻辑和功能上都能正确使用，并能够与各种浏览器和查看设备兼容。 通常，Web开发者往往无法理解式样表的这个特......
-
发布日期: 2007-08-14 09:59:08 信息来源: Arting365.com跨浏览器的CSS固定定位{position:fixed} 不知道您是否留意了，浏览本站时，浏览器右下角有一个标着top的黑色直角三角形，可以点击它返回到正在浏览的网页页眉。当滚动网页时，它的位置一直没有任何改变，您感觉它怎么样？这就是通过CSS的定位属性{position:fixed}来实现的，通过它可以让HTML元素脱离文档流固定在浏览器......
-
发布日期: 2007-08-14 09:58:25 信息来源: Arting365.com当前页面--比如说现在的页面是首页，那么在导航栏上首页的色彩等和其他栏目有所不 同，用以给浏览者一个明显的指示。 下面来说下具体的做法，菜单的基本实现和一般的CSS菜单没多大区别，着重说下如何 实现当前页。 设菜单有5个栏目：home、about、products、services、contact，分别给每个栏目一 个ID，m1-m5，CS......
-
发布日期: 2007-08-14 09:56:58 信息来源: Arting365.comz-index属性简介 引用: z-index : auto | number auto: 默认值。 number: 无单位的整数值，可为负数 。 z-index值较大的元素将叠加在z-index值较小的元素之上。对于未指定此属性的定位对象，z-index 值为正数的对象会在其之上，而 z-index 值为负数的对象在其之下。 注意：这个属性不会作用于窗口控件......
-
发布日期: 2007-08-12 11:30:23 信息来源: Arting365.com用于布局架构： #outer{overflow:hidden;}#outer .panel{ float:right; width:286px; padding-left:21px; border-left:1px solid #E5E3D7; padding-bottom: 27670px !important; margin-bottom: -27670px !important; }#outer .main{ float:left; width:510px; padding-bot......
-
发布日期: 2007-08-12 11:29:52 信息来源: Arting365.com利用javascirpt我们可以很容易的在HTML中实现树，而不需要使用ASP,JSP,PHP等等编写动态程序，当然如果要和数据库结合，下面的代码也很容易移植。 首先，我们看一下实现这个树形结构的javascript代码。 common.js 以下是引用片段：<!-- function showCurrentSection() { var&......
-
发布日期: 2007-08-12 11:29:29 信息来源: Arting365.com<pre><html> <head> <title>链接效果一－admin5欢迎您</title> <STYLE type="text/css"> <!-- body,div,a{font:menu} .article { BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FILTER: revealTran......
![[会员原创]＜恋爱记事簿＞绘本欣赏](http://img.arting365.com/opus/picture_insert/h110/h43/img200611221300150.gif)
