XHTML+DIV+CSS
文章平均质量分 67
lianghao2008
这个作者很懒,什么都没留下…
展开
-
用CSS缩写语法总结
使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下:颜色16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:#000000可以缩写为#000;#336699可以缩写为#369;盒尺寸通常有下面四种书写方法: property:value1; 表示所有边都是一个值value1; property:value1 value2;转载 2006-08-05 12:50:00 · 604 阅读 · 0 评论 -
textarea这样可以滚动显示内容的方法
比如滚动条(scollbar),边框,字体,颜色等等。这些就要稍微了解一点HTML或者CSS了。 div style=" overflow: auto; width: 400px; height: 180px; font: 12px Verdana; color:#000; background-color:#FFF;转载 2006-08-29 14:24:00 · 1418 阅读 · 0 评论 -
css布局中的居中问题
如何使DIV居中主要的样式定义如下:body {TEXT-ALIGN: center;}#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }说明:首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中;对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再转载 2006-08-07 16:29:00 · 560 阅读 · 0 评论 -
同一个页面用多个id有什么影响
我们知道在样式表定义一个样式的时候,可以定义id也可以定义class,例如: ID方法:#test{color:#333333},在页面中调用内容 CLASS方法:.test{color:#333333},在页面中调用内容 id一个页面只可以使用一次,class可以多次引用。有网友问,id和class好象没什么区别,我在页面中用了多个id在IE中显示也正常,用转载 2006-08-07 16:17:00 · 979 阅读 · 0 评论 -
典型的三行二列居中高度自适应布局
如何使整个页面内容居中,如何使高度适应内容自动伸缩。这是学习CSS布局最常见的问题。下面就给出一个实际的例子,并详细解释。(本文的经验和是蓝色理想论坛xpoint、guoshuang共同讨论得出的。)这个页面在mozilla、opera和IE浏览器中均可以实现居中和高度自适应。我们来分析代码:完整代码body{background:#999;text-align:center;colo转载 2006-08-08 16:51:00 · 575 阅读 · 0 评论 -
Div+CSS布局入门教程(四)
三、页面顶部制作(2)----使用列表制作菜单 开始此节的学习前,请确认你已经参照之前的几节内容写入了DIV、CSS到index.htm和css.css文件中。 这一节我将告诉大家如何用列表来制作菜单。 程序代码 首页 博客 设计转载 2006-08-06 15:47:00 · 579 阅读 · 0 评论 -
Div+CSS布局入门教程(三)
三、页面顶部制作(1) 当我们写好了页面大致的DIV结构后,我们就可以开始细致地对每一个部分进行制作了。 在上一章中我们写入了一些样式,那些样式是为了预览结构而写入的,我们把css.css中的样式全部清除掉,重新写入以下样式代码: 程序代码/*基本信息*/body {font:12px Tahoma;margin:0px;text-align:center;background:#转载 2006-08-06 15:44:00 · 524 阅读 · 0 评论 -
Div+CSS布局入门教程(二)
二、写入整体层结构与CSS 接下来我们在桌面新建一个文件夹,命名为“DIV+CSS布局练习”,在文件夹下新建两个空的记事本文档,输入以下内容: 程序代码无标题文档 这是XHTML的基本结构,将其命名为index.htm,另一个记事本文档则命名为css.css。 下面,我们在标签对中写入DIV的基本结构,代码如下: 程序代码转载 2006-08-06 15:41:00 · 743 阅读 · 0 评论 -
css下划线样式
下划线样式 body { line-height: 24px; } a:link,a:visited { color: #333; text-decoration: none; } a:hover { color: #990; border-bottom: 1px dashed #990; } .xwgcbt {font-size: 16px;font-weight:bold;} a.转载 2006-08-08 10:23:00 · 6807 阅读 · 1 评论 -
优化你的CSS代码
最近看过许多网友制作的SKIN的CSS文件,发现其中有着许多冗余的代码。下面我来跟大家介绍一下,如何清除这些冗余的代码,让你的CSS文件更加简洁。 一、margin、padding属性 参照相关资料我们可以知道,margin和padding代表的意思分别是外部边距和内部填充距离,在许多网友的CSS中,关于这两个属性的冗余代码是出现得最多的。比如:margin:0px,大家可以查看一下自转载 2006-08-06 15:58:00 · 560 阅读 · 0 评论 -
Div+CSS布局入门教程(五)
四、页面制作(1)----用好border和clear 这一节里面,主要就是想告诉大家如何使用好border和clear这两个属性。 首先,如果你曾用过table制作网页,你就应该知道,如果要在表格中绘制一条虚线该如何做,那需要制作一个很小的图片来填充,其实我们还有更简单的办法,只要在中加入这么一段就可以了,你可以试试: 大家可以再次参考手册,然后你就能明白dashed、solid、d转载 2006-08-06 15:50:00 · 668 阅读 · 0 评论 -
Div+CSS布局入门教程(一)
一、页面布局与规划 好久没有认真写点东西了,想起最近这些时间经常有朋友问到我有关于DIV+CSS布局的问题,其实归根结底还是由于没有入门造成的。那么接下来的这篇文章就带领大家入门吧... 在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。下面我转载 2006-08-06 15:36:00 · 859 阅读 · 1 评论 -
XHTML开头
网站的标题 .body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;text-align:center;}.a{font-size: 12px;color: #7b7b7b;text-decoration: none;}a:link {font-size: 12px;color: #7b7b7b原创 2006-08-22 16:06:00 · 819 阅读 · 0 评论