Welcome 微信登录

首页 / 脚本样式 / CSS

常用CSS缩写语法总结

常用CSS缩写语法总结

使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下:颜色16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:#000000可以缩写为#000;#336699可以缩写为#369;盒尺寸通常有下面四种书写方法:property:value1; 表示所有边都是一个值value1; property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2 property:...
CSS制作树状目录教程

CSS制作树状目录教程

本篇详细介绍如何利用CSS能方便地控制对象的“显示”和“隐藏”属性原理,制作一个树状目录,用CSS制作这样的树状目录,方法简单,代码也比较少,所以把它写出来,给网友们共亨,以便在需要的时候也可动手做一个。 索易电子杂志大多采用树状目录,当鼠标点击主目录时,展开子目录;当再次点击主目录时,则关闭子目录。显得简捷明快,朴实无华。 制作这种树状目录的方法较多,最近我先看下面的示例:当用鼠标在主目录上点一下,就下拉出相应的子目录,再点一下,又恢复原状,其效果与索易...
CSS打造色块标题标识

CSS打造色块标题标识

不少网站开始采用韩式风格来建站.一般人都会想到用Photoshop等软件来完成这样的效果,但如果网页上这类图片太多,或是较大时,会给访问带来一定的困难。这里就给大家讲一讲如何用CSS来做这样的风格,因为用CSS只是对颜色的定义,少了图片的应用,所以基本不会影响速度。这种风格的特点是色彩变化丰富、应用Flash动画合理、结构新颖,最明显的特点就是表格或标题栏常会加上一条横或竖的色带,如图中圈起来的地方就是这样: 首先,在Dreamweaver M...
CSS的expression使用简介

CSS的expression使用简介

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

探讨vertical-align应用

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

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

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

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

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

用CSS动态控制文本属性

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

深入探讨CSS中字体元素

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

CSS经典实用技巧18招

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

全面了解CSS

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

像table一样布局div

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

空格BUG

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