HTML/CSS技术

HTML/CSS技术

探讨vertical-align应用

阅读(2) 作者(admin)

与valign的对比

vertical-align在小雨手册上的解释是:设置或检索对象内容的垂直对其方式。我觉得不太理解的是vertical-align所在的分类是“属性/文本”

O3noBLOG特别强调的是vertical-align和valign的不同,的确verti...

HTML/CSS技术

CSS的expression使用简介

阅读(1) 作者(admin)

IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javas?cript表达式关联起 来,这里的CSS属性可以是元素固有的属性,也可以是自定义属性。  CSS属性后面可以是一段Javas?cript表达式,CSS属性的值等于 Javas?cri...

HTML/CSS技术

探讨vertical-align应用

阅读(1) 作者(admin)

与valign的对比

vertical-align在小雨手册上的解释是:设置或检索对象内容的垂直对其方式。我觉得不太理解的是vertical-align所在的分类是“属性/文本”

O3noBLOG特别强调的是vertical-align和valign的不同,的确verti...

HTML/CSS技术

元素水平居中方案全集

阅读(3) 作者(admin)

先来看我一个简单XHTML/HTML文件代码(部分),我们的目的是让#container水平居中。









<body> <div?id="container"> <h1>content</h1> <p>Lorem?ipsum?dolor?sit?amet,?consectetuer?adipiscing?elit.Phasellus?var...

HTML/CSS技术

元素水平居中方案全集

阅读(2) 作者(admin)

先来看我一个简单XHTML/HTML文件代码(部分),我们的目的是让#container水平居中。









<body> <div?id="container"> <h1>content</h1> <p>Lorem?ipsum?dolor?sit?amet,?consectetuer?adipiscing?elit.Phasellus?var...

HTML/CSS技术

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

阅读(2) 作者(admin)

用过Word的人都知道Word 有一个“项目符号和编号”的功能,用起来很方便。Dreamweaver3的属性面板也有一个类似有的“项目符号和编号”的图标按钮,产生自动列表功能, 但它只有两种形式,即方块和阿拉伯数字。不过我们可以利...

HTML/CSS技术

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

阅读(1) 作者(admin)

本文特意为你找来了一款CSS编辑利器――Topstyle,利用它你能轻松做出更有风格的网页来! 精彩、漂亮是每一个设计者在制作网页时的不懈追求,而网页的精彩几乎都离不开CSS的强力“支撑”;CSS是一种为超文本标签语言提...

HTML/CSS技术

用CSS动态控制文本属性

阅读(1) 作者(admin)

本篇详细介绍了用CSS动态控制文本属性的文章主题,利用CSS的属性值可动态改变的特点,定义文本的多种属性值,再用一个事件来触发,一旦事件发生,则改变文本属性值,从而达到预期目的。

用CSS可以很方便地动态改变文本的...

HTML/CSS技术

深入探讨CSS中字体元素

阅读(1) 作者(admin)

字体的处理在网页设计中无论怎么强调也不为过,毕竟网页使用来传递信息的,而最经典最直接的信息传递方式就是文字,所以,了解一点字体的基本知识对于设计来说还是非常重要的。

   中文和英文的最大区别就是中文是方块字...

HTML/CSS技术

CSS经典实用技巧18招

阅读(1) 作者(admin)

文总结了我开始使用CSS布局方法以来所有的技巧和兼容方案,我愿意把这些与你分享,我会重点解释一些新手容易犯的错误(包括我自己也犯过的),如果你已经是CSS高手,这些经验技巧可能已经都知道,如果你有更多的,希望可以帮我补充...

HTML/CSS技术

全面了解CSS

阅读(1) 作者(admin)

自从 Dreamweaver MX 2004 发布以来,我曾经无数次向 Dreamweaver 的新老用户演示它的新特征和新功能。每次进行产品演示,我很快就会极力称赞 Dreamweaver MX 2004 设计和呈现 CSS(或层叠样式表)的新功能。本篇详细/全面了...

单纯使用CSS实现动态提示信息
HTML/CSS技术

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

阅读(2) 作者(admin)

也许已经有人发现可以这样写...

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 }...

HTML/CSS技术

像table一样布局div

阅读(1) 作者(admin)

http://www.456bereastreet.com/archive/200405/equal_height_boxes_with_css/

下面是我翻译的内容,是根据我对文章的理解意译的,你就别挑哪里翻译的不对了,我的目的只是传达这个CSS技巧

许多网页设计师都喜欢,将两个或...

HTML/CSS技术

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

阅读(1) 作者(admin)

这是我刚刚作的一个导航条,为了让那四个LINK居中,我这样作了,但作完后发现了很多的问题,写出来和大家分享一下!

首先我们先来看一下这个导航条! test zishu /*zishu.cn*/ *{ margin:0; padding:0;} body{ font-size:1...

HTML/CSS技术

Overflow OPREA

阅读(2) 作者(admin)

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

空格BUG
HTML/CSS技术

空格BUG

阅读(1) 作者(admin)

这篇是关于display:inline;的使用的,前几天作一个布局时,用这个效果,但始终没有出来,害得我浪费了二个小时,还多长了三行代码才解决;今天突然想起这事了,总感觉不对,因为我的思路是对的,可是效果就是出不来;于由重写代码,终于发...

HTML/CSS技术

DIV+CSS 网页TIP的简单作法

阅读(2) 作者(admin)

基本的原理就是用display;当display: block;就显示;当display:none;时就不显示; 例如: 复制代码 代码如下:#infobox span{ display: none; } #infobox a:hover span{display: block;position:absolute;} zishu test t...

HTML/CSS技术

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

阅读(1) 作者(admin)

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

HTML/CSS技术

对display:inline;与float:left;的认识

阅读(1) 作者(admin)

  首先我们要明确,display:inline;与float:left;正确含义。display:inline;(内联)《CSS权威指南》中文字显示:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式,这里的“行布局”的意思就是说...

认识CSS中absolute与relative
HTML/CSS技术

认识CSS中absolute与relative

阅读(1) 作者(admin)

很多朋友问过我absolute与relative怎么区分,怎么用?我们都知道absolute是绝对定位,relative是相对定位,但是这个绝对与相对是什么意思呢?绝对是什么地方的绝对,相对又是相对于什么地方而言的呢?那他们又有什么样的特性,可以做...

HTML/CSS技术

用CSS构建iframe效果

阅读(1) 作者(admin)

iframe应用很普遍,通常的需求有两种: 1,获取iframe效果,就是带一个滚动条,可以省不少版面。 2,要嵌一个页面,实现框架链接。 如果不方便使用iframe,可以有如下解决方案: 第一种需求如果我们使用CSS布局来实现,即可以少一个页面,...

不用float实现模块居中布局
HTML/CSS技术

不用float实现模块居中布局

阅读(1) 作者(admin)

最常见实用的布局形式:上、中左、中右、底四个模块,宽度760px,整体页面居中。结构代码,top left right foot 四个模块全部独立、互不嵌套。<div id="top">head</div><div id="left"> <div id="left_module">left</div></div><div id="...

HTML/CSS技术

引入CSS样式的五种方式

阅读(1) 作者(admin)

一、使用STYLE属性将STYLE属性直接加在个别的元件标签里,<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...}例如: <TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%...