CSS教程_电脑技术_技术知识_知识大全-知识屋www.zhishiwu.com

彻底弄懂css中单位px和em的区别 2012-08-07 00:30:19
国内的设计师大都喜欢用px，而国外的网站大都喜欢用em，那么两者有什么区别，又各自有什么优劣呢？ 1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位； 3. Firefox能够调整px和em，但是96%以上的
用css实现透视效果 2012-06-10 00:05:55
今天萌发一个想法，用css来实现透视效果。起初，我想到的是我们常见的添加阴影效果的方法，用多个div通过偏移来实现，但这需要很多 div，不够理想。随后，我想到css的一个属性：border，在border相连接处可以产生对角线效果。这样用两个div就可以实现，我们
CSS3的新特性介绍 2012-06-10 00:05:06
简介：边框：(Borders) border-color:控制边框颜色，并且有了更大的灵活性，可以产生渐变效果 border-image:控制边框图象 border-corner-image:控制边框边角的图象 border-radius:能产生类似圆角矩形的效果背景(Backgrounds) background-origin:决定了背景
CSS相关总结 2012-01-10 22:10:46
CSS 概要本教程已向你讲解了如何创建样式表来同时控制多重页面的样式和布局。你已经学会如何使用 CSS 来添加背景、格式化文本、以及格式化边框，并定义元素的填充和边距。同时，你也学会了如何定位元素、控制元素的可见性和尺寸、设置元素的形状、将一个
CSS 教程之字体 2011-06-26 00:01:40
字体这一课，你将学习字体以及如何用CSS来设置字体。我们还会考虑如何解决“网站所选的字体仅当访问者的PC上安装有该字体时才会被显示”这一难题。本课将对下列CSS属性进行讲解：font-family font-style font-variant font-weight font-size font 字体族[font
颜色与背景 2011-06-25 23:56:42
颜色与背景本课，你将学习如何在网站上应用颜色与背景。我们还会介绍用于定位和控制背景图像的高级方法。本课将对下列CSS属性进行讲解： color background-color background-image background-repeat background-attachment background-position background
CSS的工作原理 2011-06-25 23:52:55
CSS的工作原理在这一课，你将学习如何制作自己的第一个样式表。你将了解基本的CSS模型，以及在HTML文档里使用CSS所必需的代码。级联样式表（CSS）里用到的许多CSS属性都与HTML属性相似，所以，假如你熟悉采用HTML进行布局的话，那么这里的许多代码你都不会
CSS是什么？ 2011-06-25 23:34:15
CSS是什么？也许你曾听说过CSS，但并不真正清楚CSS到底是什么。在这一课，你将学到更多CSS的知识，并了解CSS可以做些什么。 CSS是 C ascading S tyle S heets（级联样式表）的缩写。可以用CSS做什么？ CSS是一种样式表语言，用于为HTML文档定义布局。例如
关于CSS与之介绍 2011-06-25 23:33:02
介绍级联样式表（Cascading Style Sheets，CSS）是一种为网站添加布局效果的出色工具。它可以省去你大量时间，令你可以采用一种全新的方式来设计网站。CSS是每个网页设计人员所必须掌握的。本CSS教程能够让你在数小时内入门CSS。它很容易理解，而且将向你
利用CSS改善网站可访问性 2011-06-24 22:40:37
最近，我不得不对我的一个客户的旧网站进行更新，使得它能够达到可访问性的标准。对三四年前的旧代码进行挖掘的想法根本没有吸引力，主要是因为我曾经使用的很多编程惯例已经不再适用，特别是从可访问性上来讲。我曾经使用绝对的字体大小，固定的页面宽度和
巧用CSS的Border属性制作特效菜单 2011-06-24 22:40:06
许多应用软件的主菜单都具有这样的效果，通常是暗色的，一旦鼠标移到菜单上，立即变明亮；鼠标不在菜单上时是平面的，一旦鼠标移到菜单上，菜单条立即变为立体，从而增强了菜单的效果。你是否也想使网页中的导航菜单产生这种迷人的效果？上面这种菜单效果的
巧用CSS控制鼠标样式变换 2011-06-24 22:22:03
主页上的鼠标是不是就只有箭头和小手两种模样呢？如果鼠标移到帮助等字样上时，形状就变成求助的问号；鼠标移到可能需要较长时间等待的超链接时，鼠标形状就变成等待的样子那该多好啊！其实，借助我们的css，几句很简单的代码就可以实现这一切！不信？把鼠
巧用CSS制作树状目录 2011-06-24 21:52:12
索易电子杂志大多采用树状目录，当鼠标点击主目录时，展开子目录；当再次点击主目录时，则关闭子目录。显得简捷明快，朴实无华。制作这种树状目录的方法较多，最近我利用CSS能方便地控制对象的显示和隐藏属性原理，也制作一个，我感到用CSS制作这样的树状目
巧用CSS制作图象特效 2011-06-24 21:51:37
一张风景图片，当鼠标在图片上面时，立即显示图片的文字说明，且有文字的地方图象变模糊了，当鼠标移开图片时，图片上的文字又消失了，图片又恢复了原样。这种效果是如何实现的呢？用dreamweaver的Behavirs 功能可以实现，我在这里介绍的是用CSS来制作，网页
巧用CSS制作文字变图象特效 2011-06-24 21:50:28
一段文字，当鼠标在文字上面单击，文字消失，原来文字的地方却立即变成了一张图片，当鼠标在图片上单击，图片又消失，原来的文字又重现了，像变魔术一样，是不是有意思？！这种效果用Dreamweaver的Behavirs 功能也可实现，但那要增加一段javascript程序，明
让css使网页图片半透明 2011-06-24 21:43:33
让我先通俗的介绍一下css，css不属于html，它属于html的辅助语言，在没有css之前，网页是静态的，但自从有了css 后，网页制作的历史就要重写了，css能给网页加入许多你想象不到的动态效果，这也是其中一点而已，因为css中有很多特效，例如我们今天讲的利用cs
如何将 CSS 加诸于网页 2011-06-24 21:41:43
您可以利用下列 3 种方式，将 CSS 指定的格调加诸于网页上： 1. 在 HTML 档案里加一个超连结，连到外在的 CSS 档这个方法最方便管理整个网站的网页风貌。它让网页的文字内容与版面设计分开。您只要在一个 CSS 档内（副档名为 .CSS）定义好网页的外观风格，
用CSS巧控制段落缩进 2011-06-24 21:39:09
有关CSS段落缩进的语法如下：语法: text-indent: 〈值〉允许值: 〈长度〉 | 〈百分比〉初始值: 0 文本缩进属性可以应用于块级元素(P，H1，等.)，以定义该元素第一行可以接受的缩进的数量。该值必须是一个长度或一个百分比。若百分比则视上级元素的宽度而
用CSS轻松实现网上填空 2011-06-24 21:38:37
在网上做有奖信息的时候，经常看见一些注册表单，只有一条线供你填写，就跟做考卷时的填空题一样，很Cool！其实要做成这样的效果并不难，只需用一段很简短的CSS代码即可搞定！ style type=text/css !-- .xian{BORDER-LEFT-STYLE: none; BORDER-RIGHT-STYLE:
用CSS实现鼠标单击特殊效果图 2011-06-24 21:38:07
如果你能很好地应用CSS，那么你的主页将被打扮得很靓。下面就给大家介绍用CSS做出的一个鼠标单击特殊效果图。一、将下面的代码复制到你的主页中head和/head之间。 STYLE.shadow { FILTER: shadow(color=blue，direction=225) } .shadow1 { FILTER: shadow(c
用CSS缩写给你的网站加速 2011-06-24 21:36:38
Web网站可用性的关键指标是速度，更确切地说，是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种，包括Web服务器的速度、访问者的Internet连接情况，以及浏览器必须下载的文件大
在CSS中关于字体处理效果的思考 2011-06-24 21:36:10
字体的处理在网页设计中无论怎么强调也不为过，毕竟网页使用来传递信息的，而最经典最直接的信息传递方式就是文字，所以，了解一点字体的基本知识对于设计来说还是非常重要的。中文和英文的最大区别就是中文是方块字，英文是拼音文字，这对字体的处理的影响
CSS滤镜之Xray属性 2011-06-24 21:35:28
Xray就是X射线的意思。 Xray属性，顾名思义，这种属性产生的效果就是使对象看上去有一种X光片的感觉。它的表达式很简单： Filter：Xray 我们还是先来看一个页面（如下图）：如果在上面的页面中加入Xray属性，也就是在head的Style中，增添下面这一句代码：
CSS滤镜之Wave属性 2011-06-24 21:34:04
Wave属性用来把对象按照垂直的波纹样式打乱。它的表达式如下： Filter：Wave（Add=True（False），Freq=频率，LightStrength=增强光效， Phase=偏移量，Strength=强度）我们看到Wave属性的表达式还是比较复杂的，它一共有五个参数。Add参数有两个参数值：Tr
CSS滤镜之Shadow属性 2011-06-24 21:33:27
Shadow属性可以在指定的方向建立物体的投影。它的表达式是这样的： Filter：Shadow（Color=color，Direction=direction）在这里，Shadow有两个参数值：Color参数用来指定投影的颜色；Direction参数用来指定投影的方向。这里说的方向与我们在第二节Blur属性