首页 / 脚本样式 / CSS

CSS的expression使用简介

IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javas？cript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。 CSS属性后面可以是一段Javas？cript表达式，CSS属性的值等于 Javas？cript表达式计算的结果。？在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。给元素固有属性赋值例如，你可以依照...

探讨vertical-align应用

与valign的对比vertical-align在小雨手册上的解释是：设置或检索对象内容的垂直对其方式。我觉得不太理解的是vertical-align所在的分类是“属性/文本”O3noBLOG特别强调的是vertical-align和valign的不同，的确vertical-align应用最多的应该是在td内，控制内部对象位置，和td的valign属性极其相似。valign共有四个参数：top, baseline, bottom, middle，相对而言v...

元素水平居中方案全集

先来看我一个简单XHTML/HTML文件代码（部分），我们的目的是让#container水平居中。<body><div？id="container"><h1>content</h1><p>Lorem？ipsum？dolor？sit？amet,？consectetuer？adipiscing？elit.Phasellus？varius？eleifend.</p></div>&...

CSS重新定义项目符号和编号技巧

用过Word的人都知道Word 有一个“项目符号和编号”的功能，用起来很方便。Dreamweaver3的属性面板也有一个类似有的“项目符号和编号”的图标按钮，产生自动列表功能，但它只有两种形式，即方块和阿拉伯数字。不过我们可以利用Dreamweaver3的CSS定义功能去重新定义“列表符号的格式”。下面以定义一个“大写罗马数字项目列表符号”为例来说明其使用方法： 1、按F7（或点击快速启动栏里那个象“八卦图”似的图标），调出CSS面板，选择 “none...

CSS编辑工具Topstyle轻松打造网页风格

本文特意为你找来了一款CSS编辑利器——Topstyle，利用它你能轻松做出更有风格的网页来！精彩、漂亮是每一个设计者在制作网页时的不懈追求，而网页的精彩几乎都离不开CSS的强力“支撑”；CSS是一种为超文本标签语言提供增强补充服务的技术，可对每一个html的标签做精雕细刻的修饰。活用CSS，将会使网页更加生动活泼。不过，普通的网页编辑工具在CSS方面，表现难能让人满意；为了充分发挥CSS潜能，设计出更加美丽的网页. 最新版本：3.11 文件大小...

用CSS动态控制文本属性

本篇详细介绍了用CSS动态控制文本属性的文章主题,利用CSS的属性值可动态改变的特点,定义文本的多种属性值，再用一个事件来触发，一旦事件发生，则改变文本属性值，从而达到预期目的。用CSS可以很方便地动态改变文本的属性，从而可制作出动态地使文字变大、缩小、改变文字颜色、改变文本的背景、字间距、行间距等等网页特效，一切都在你的掌握之中。是不是有点玄？事实就是如此。那一定很复杂吧？不！看完本文，你就会明白，原来这么简单。请看下面的示例：一、动态改变文字大小 ...

深入探讨CSS中字体元素

字体的处理在网页设计中无论怎么强调也不为过，毕竟网页使用来传递信息的，而最经典最直接的信息传递方式就是文字，所以，了解一点字体的基本知识对于设计来说还是非常重要的。中文和英文的最大区别就是中文是方块字，英文是拼音文字，这对字体的处理的影响是巨大的。看看下面的图示就会发现，英文字体里的那些变化在中文字体里都弱化了。作为中文的读者，习惯性的接受方块形状做为阅读的单元，其实对于眼睛来说，这是一种容易疲劳的方式，阅读的时候你的视线实际上是跟随整行文字...

CSS经典实用技巧18招

文总结了我开始使用CSS布局方法以来所有的技巧和兼容方案，我愿意把这些与你分享，我会重点解释一些新手容易犯的错误（包括我自己也犯过的），如果你已经是CSS高手，这些经验技巧可能已经都知道，如果你有更多的，希望可以帮我补充。翻译:阿捷原文作者:Roger Johansson作者简介:住在瑞典哥德堡，1994年开始接触和参与web设计，456 Berea Street是他的住址，因此采用这个名字作为他的个人主页域名最近，经常有朋友问我一些工作中遇到的CSS...

全面了解CSS

自从 Dreamweaver MX 2004 发布以来，我曾经无数次向 Dreamweaver 的新老用户演示它的新特征和新功能。每次进行产品演示，我很快就会极力称赞 Dreamweaver MX 2004 设计和呈现 CSS（或层叠样式表）的新功能。本篇详细全面了解CSS。然而最近某位新用户问了一个问题，说实话，这个问题一下子让我张口结舌。这位用户只是问：“我为什么要使用 CSS？”当时我意识到，尽管我们这些每天与 HTML 和 CSS 打交道的人非常...

单纯使用CSS实现动态提示信息

也许已经有人发现可以这样写... CSS代码部分 a.info{ position:relative;z-index:0;background-color:#ccc;color:#000;text-decoration:none} a.info:hover{ z-index:1;background-color:#ff0} a.infospan{ display:none} a.info:hoverspan{ display:block;position:...

像table一样布局div

http://www.456bereastreet.com/archive/200405/equal_height_boxes_with_css/下面是我翻译的内容，是根据我对文章的理解意译的，你就别挑哪里翻译的不对了，我的目的只是传达这个CSS技巧许多网页设计师都喜欢，将两个或者多个容器等高的并排放置，并在里面展示每个容器的内容，就象经典表格布局中的单元格控制几个栏目的位置，也喜欢容器的内容居中或顶部对齐显示。但是你又不喜欢用table来实现他，那怎么办...

一个自动居中的导航条实例与相关问题 DIV+CSS

这是我刚刚作的一个导航条，为了让那四个LINK居中，我这样作了，但作完后发现了很多的问题，写出来和大家分享一下！首先我们先来看一下这个导航条！ test zishu /*zishu.cn*/ *{ margin:0; padding:0;} body{ font-size:12px; font-family:Verdana, "宋体", Arial; margin:100px 0;} a:link,a:visited{color:#000; te...

一个导航条布局的简单写法

我希望能用最简单的代码去解决问题！CSS部分复制代码代码如下:<style> #menuul{list-style:none;margin:0px;padding:0px;} #menuli{float:left;font-size:12px;background:#999;padding:2px20px;border:1pxsolid#000;margin-left:-1px;} </style> 内容部分：复制代码代码如下:...

Overflow OPREA

overflow在IE和非IE的浏览器中是都支持的！但昨天作一个东西时一个问题出现了！这是CSS开始时的写法：复制代码代码如下:#tmd{border:1pxsolid#9F9F9F;padding:2px5px;height:175px;width:140px;overflow-y:scroll;} 这是内容：复制代码代码如下:<style>#tmd{border:1pxsolid#9F9F9F;padding:2px5px;height...

空格BUG

这篇是关于display:inline;的使用的，前几天作一个布局时，用这个效果，但始终没有出来，害得我浪费了二个小时，还多长了三行代码才解决；今天突然想起这事了，总感觉不对，因为我的思路是对的，可是效果就是出不来；于由重写代码，终于发现问题了，又是那个该死的空格BUG；下面展示给大家看一下，同样的问题别再次出现在你的身上；大家先看一下下边的CSS代码：复制代码代码如下:<style> body{margin:0;padding:0;fo...

DIV+CSS 网页TIP的简单作法

基本的原理就是用display；当display:block;就显示；当display:none;时就不显示；例如：复制代码代码如下:#infoboxspan{display:none;} #infoboxa:hoverspan{display:block;position:absolute;} zishu test tip /* zishu.cn */ *{ margin:0; padding:0; list-style:none; fon...

如何设置一个指定高度的DIV

1、要设置一下overflow呀.将不要得hidden起来呀！ test #me{margin:0px; height:5px; background-color:#CC9966;overflow:hidden} [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]2、font-size:1px; test #me{margin:0px; height:5px; background-color:#CC9966;font-size:1px...

CSS实现阴影文字效果

..:: 巧用CSS制作艺术字 ::.. 如果灵活应用CSS各种滤镜的特点并加以组合，我们可以得到许多意想不到的效果。这是一些效果示范，供各位参考。 E流设计用blur滤镜做出的效果，代码如下： FILTER: blur（direction=135,strength=8） E流设计用dropshadow滤镜做出的效果，代码如下： FILTER: dropshadow（color=#B4BBCF,offx=6,offy=6...

全面考察“禁用浏览器后退”

浏览器的后退按钮使得我们能够方便地返回以前访问过的页面，它无疑非常有用。但有时候我们不得不关闭这个功能，以防止用户打乱预定的页面访问次序。本文介绍网络上可找到的各种禁用浏览器后退按钮方案，分析它们各自的优缺点和适用场合。一、概述曾经有许多人问起，“怎样才能‘禁用"浏览器的后退按钮？”，或者“怎样才能防止用户点击后退按钮返回以前浏览过的页面？”在ASP论坛上，这个问题也是问得最多的问题之一。遗憾的是，答案非常简单：我们无法禁用浏览器的后退按钮...

FCKeditor 实战技巧

原文：http://3rgb.com，作者：柠檬园主转载请保留此信息FCKeditor至今已经到了2.3.1版本了，对于国内的WEB开发者来说，也基本上都已经“闻风知多少”了，很多人将其融放到自己的项目中，更有很多大型的网站从中吃到了甜头。今天开始，我将一点点的介绍自己在使用FCKeditor过程中总结的一些技巧，当然这些其实是FCK本来就有的，只是很多人用FCK的时候没发现而已 :P1、适时打开编辑器很多时候，我们在打开页面的时候不需要直接打开编辑器，而...

<< 1 2 3 4 5 6 7 8 9 10 >>

版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图