当前位置：71code站长站 → 站长学习 → 网站开发 → HTML DIV+CSS → 站长学习列表
站长学习标题关闭所有内容预览 | 展开所有内容预览
-
div+css中id和class的区别运用详解
[内容预览]
205 | 2007-09-10 10:36:49
现在大多数网站已经开始采用div+css技术来制作网站,因为这样的格式比以前用table技术显示更加迅速,这是因为div,css是执行与显示是同步的,而table是先执行后显示. 我们知道在用CSS样式表定义一个样式的时候，可以定义id也可以定义class，例如： ID方法：#test{color:#333333}...
[阅读全文]
-
用CSS如何实现单行图片与文字垂直居中
[内容预览]
80 | 2007-06-25 16:43:57
.Bvt442{display:none;}今天又在群中看到一些朋友问单行图片文字垂直居中问题了，于是写了这篇文章。515down.com这个问题是在做页面中经常会遇到的问题，首行我们先看一下最基础的的吧！515down.com以下选自（CSS权威指南）[我要我当软件园]以下为引用的内容：vertical-align初...
[阅读全文]
-
CSS的倡导者：学习CSS的10大理由
[内容预览]
27 | 2007-06-25 16:43:52
.Hqe135{display:none;}作为一个热门技术，CSS的发展的确有些缓慢。CSS最早被提议在1994年，最早被浏览器支持在1996年，CSS一直被力捧为传统的以HTML为基础的web代码的继承者。CSS使用样式表来控制整个站点字体和布局的能力,使它看起来非常有效率、易于设计和有远见。然而，也一直有荒诞的说...
[阅读全文]
-
用网页技术CSS实现网页背景渐变
[内容预览]
36 | 2007-06-25 16:43:36
.Pcv109{display:none;}用网页技术CSS实现网页背景渐变的四种代码设置。一、从上往下渐变[我要我当软件园]以下为引用的内容：body{FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fff...
[阅读全文]
-
用CSS如何控制网页中图片自适应大小
[内容预览]
54 | 2007-06-25 16:43:34
.Htb478{display:none;}图片自动适应大小是一个非常常用的功能，在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制，我们可不可以用CSS控制图片使它自适应大小呢？515down.com我们想到了一个比较简单的解决方法，虽然不是非常的完美，如果您的要求不是非常高，已经可以满足你的需要了。我...
[阅读全文]
-
用CSS制作具有亲和力的表单
[内容预览]
32 | 2007-06-25 16:43:32
.Zfo987{display:none;}对于表单，很常用。但是在webstandard建站的时候，他的排版往往让人遗忘，到了真正用到的时候就发现让人头疼，当然我也遇到过。我现在要介绍一个用<fieldset></label>标签制作漂亮而且具体亲和力的表单的方法。[我要我当软件园]基本的xhtml[我要我当软件园]...
[阅读全文]
-
技巧总结：CSS提高网页的维护更新效率
[内容预览]
42 | 2007-06-25 16:42:57
.Avf172{display:none;}随着互联网经济的不断发展，互联网上的专业网站、公众服务网站以及企业门户的数量都在飞速的增长，各网站的信息量也呈爆炸性增长的趋势。面对这些庞大的信息量，我们对网页中每一个栏目的增删，都会是一个很复杂的过程。为了提高网页的维护更新效率，我们可以使用样式表，来仅仅改变一个文件，就能...
[阅读全文]
-
技巧：应该如何合理的应用CSS整体布局声明
[内容预览]
21 | 2007-06-25 16:42:56
.Nrv577{display:none;}1.基本上，整体声明有两种方法，第一种就是针对一个标签，然后一次设定好几个样式。第二种就是同时对好几个标签设定相同的样式。下面这个例子就是：“针对一个标签，然后一次设定好几个样式”：515down.com以下为引用的内容：<stype="text/cs...
[阅读全文]
-
网页标准：用CSS实现网页中鼠标交互的方法
[内容预览]
16 | 2007-06-25 16:42:42
.Vep242{display:none;}我们浏览网页的时候，经常会遇到一些交互的效果。例如容器在鼠标移上去的时候，会发生一些变化。这些效果，可以用多种方法来实现。现在我们要解决的是如何在CSS中写脚本实现交互效果。515down.comCSS代码如下：[我要我当软件园]以下为引用的内容：.show{width:60...
[阅读全文]
-
CSS技巧：新闻网页标题定义的最好方法
[内容预览]
27 | 2007-06-25 16:42:18
.Lmi766{display:none;}一个文档标题，最好的定义方法是什么？要回答这个问题，先设想我们要在一个页面上定义文章的标题，通常我们有三个方法来实现这个简单目的：515down.com方法一：有意义吗？[我要我当软件园]以下为引用的内容：<spanclass="heading">文章标题</span>515...
[阅读全文]
-
用DIV CSS设计网页时的八个必要的小技巧
[内容预览]
28 | 2007-06-25 16:42:09
.Zrc805{display:none;}以下是进行CSS设计时的八个必要的小技巧，良好的习惯可能会使你的设计周期加倍缩短。（如果您想了解更多请参见人民邮电出版社后续图书《CSS精粹--101条设计技巧》）515down.com1.若有疑问立即检测515down.com在出错时若能对原始代码做简单检测可以省去很多头痛...
[阅读全文]
-
利用CSS进行网页制作中易被忽视的问题
[内容预览]
26 | 2007-06-25 16:42:07
.Cwi566{display:none;}关于这篇文章其实早就想写了，只是由于自己太懒才一直拖到现在。主要想谈谈在网页制作中几个比较容易被忽视的问题，算不上什么高深的教程，只是自己平时工作学习中所遇到的问题积累，写下来一是可以给初学者提个醒，二来也是帮自己做个笔录，毕竟年纪大了，记性不好了...515down.com...
[阅读全文]
-
初学标准建站：XHTML+CSS 设计注意事項
[内容预览]
35 | 2007-06-25 16:42:06
.Jeu513{display:none;}1、除选择DOCTYPE之外的语句必须使用小写英文字母书写。其中包括MacromediaDreamweaver生成的鼠标动作，如OnMouseOver也必须修改成onmouseover。[我要我当软件园]2、XHTML语法规要求所有的标识都必须有开始和结束。例如<body>和...
[阅读全文]
-
DIV CSS制作网页过程中关于居中问题的总结
[内容预览]
21 | 2007-06-25 16:41:31
.Vhd288{display:none;}1、DIV居中以下为引用的内容：body{text-align:center;}515down.comdiv{margin-right:auto;margin-left:auto;}515down.com[我要我当软件园]说明：515down.com对于IE，在父元素定义&l...
[阅读全文]
-
如何在Frontpage中定义CSS样式
[内容预览]
21 | 2007-06-25 16:41:09
.Mld431{display:none;}当很多人发现在DW4中定义CSS很方便的时候，开始报怨FP2000不能定义CSS，甚至就此抨击FP2000如何的不好。事实上，在FP2000中定义CSS是很容易的，甚至在某些方面比DW4中定义更方便![我要我当软件园]定义HTML标记的样式[我要我当软件园]在Frontpag...
[阅读全文]
-
学习CSS：我们一起认识CSS闭合浮动元素
[内容预览]
20 | 2007-06-25 16:41:03
.Nat981{display:none;}按照CSS规范，浮动元素（floats）会被移出文档流，不会影响到块状盒子的布局而只会影响内联盒子（通常是文本）的排列。因此当其高度超出包含容器时，一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为，具体如何处理呢？[我要我当软件园]有一种做法就是在父容...
[阅读全文]
-
我们是否该使用DIV+CSS布局我们的网页？
[内容预览]
31 | 2007-06-25 16:40:58
.Eaq897{display:none;}你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习：515down.com第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把H...
[阅读全文]
-
实现CSS制作网页时绝对居中问题的总结
[内容预览]
53 | 2007-06-25 16:40:57
.Tuy565{display:none;}什么叫绝对居中？就是说容器到屏幕左右上下四个方向都有间距，并且随屏幕大小缩放相对不变或者等比例调整，始终居屏幕中间。绝对居中也有两种情况，容器的绝对大小和相对大小。同时有很多方法可以实现，总结起来大致如下：515down.com1.利用table特性，在widthandhei...
[阅读全文]
-
DIV+CSS布局网页页面实现多风格选择的方法
[内容预览]
23 | 2007-06-25 16:40:55
.Mkj880{display:none;}1.styleswitcher.js以下为引用的内容：functionsetActiveStyleSheet(title){vari,a,main;for(i=0;(a=document.getElementsByTagName("link"));i++){if(a.getA...
[阅读全文]
-
总结知识：使用DIV之后,什么时候使用TABLE
[内容预览]
26 | 2007-06-25 16:40:52
.Bsv623{display:none;}关于表格使用WEB标准之后，并不是说排除表格的使用，表格并不是鸡肋，而正好相反是一道大餐，之所以在很多关于CSS布局的文章中常提到“为什么使用表格排版是不明智的”这句话，可能是大家对他的理解有误，这里注意一点“使用表格排版”是&...
[阅读全文]
-
学习用HTML制作网页时文本的运用方法
[内容预览]
28 | 2007-06-25 16:39:59
.Iuo955{display:none;}当段落标签p应该使用在段落的时候还有许多滥用换行标签br的情况，p用于表现段落是公认的。基于同样的逻辑，很多标签应该被用来定义确定的文本元素，比如引用，缩写和计算机代码等。515down.com应该记住的是，尽管大部分浏览器用不同的方式处理这些标签，最重要的是记住，不是为了让...
[阅读全文]
-
使用XHTML制作网页时注意的要点总结
[内容预览]
19 | 2007-06-25 16:39:55
.Lzm235{display:none;}HTML高级教程的目的是开拓HTML的优点，优化亲和力和易用性。515down.com因为HTML初级教程和HTML中级教程持使用最新HTML标准（XHTML1.0以上版本）的立场，可能某些没有读过初级和中级教程的人对这个教程的某些方面感到难以理解，这也是标准要点存在的原因。...
[阅读全文]
-
[图文] HTML网页与FLASH之间的“静态”传值
[内容预览]
64 | 2007-06-25 16:39:44
.Xie161{display:none;}在论坛上经常看见有新手问到“我想让FLASH得到URL中的参数ID号，该怎么办？”“某某视频网站的FLASH播放器是如何播放不同ID的视频的？”...诸如此类问题看到了太多，每次都有一堆回帖，众说纷纭，里面难免有误导性质的回复。...
[阅读全文]
-
初学者必须了解的一些xhtml结构标签
[内容预览]
29 | 2007-06-25 16:39:32
.Dhy508{display:none;}应用div+css网页布局，你必须了解一些xhtml结构标签，原则上一个xhtml文档所有的标签都应该是结构标签，需要表现的地方都使用css来控制。[我要我当软件园]下面列一个完整xhtml的结构标签：[我要我当软件园]结构：body,head,html,title文本：ab...
[阅读全文]
-
实例讲解深入学习CSS网页定位元素
[内容预览]
40 | 2007-06-25 16:39:31
.Wda580{display:none;}1.position:static|无定位position:static是所有元素定位的默认值,一般不用注明，除非有需要取消继承的别的定位[我要我当软件园]以下为引用的内容：example:#div-1{position:static;}[我要我当软件园]515down.co...
[阅读全文]
-
DIV+CSS网页布局之边框的设置方法
[内容预览]
34 | 2007-06-25 16:39:30
.Sfb367{display:none;}CSSBorders边框边框可以运用到body里的大部分HTML元素。[我要我当软件园]制作一个元素的边框，你需要border-style边框样式。值可以是：solid,dotted,dashed,double,groove,ridge,insetandoutset，具体样式...
[阅读全文]
-
[图文] CSS去除表格的默认间距并且制作1px的细线表
[内容预览]
26 | 2007-06-25 16:39:29
.Urg882{display:none;}现在在所谓“div+css”的风气下，很多人放弃了表格，其实应该让每个标签物尽其用，在表现数据的地方，我们还是应该使用table。但是，我们在建立table的时候，会发现它会具有一些默认的样式，比如单元格td之间会有间距，所以我们通常开头是这样写的：5...
[阅读全文]
-
HTML网页表单制作详细讲解
[内容预览]
42 | 2007-06-25 16:39:23
.Zdx857{display:none;}表单是一个网站和访问者开展互动的窗口，我们现在就给大家介绍一下表单的一些基本知识和表单美化方法。[我要我当软件园]初识表单515down.com表单可以用来在网页中发送数据，特别是经常被用在联系表单-用户输入信息然后发送到Email中。表单本身是没有什么用的。这需要编一个程序...
[阅读全文]
-
新手来看：让我们一起认识了解CSS
[内容预览]
22 | 2007-06-25 16:39:19
.Qrh676{display:none;}关于CSS样式表一.在学习css之前你应该掌握哪些基础知识[我要我当软件园]1.什么是网页，什么是超文本语言（html）。515down.com2.会使用Dreamweaver等常用的网页编辑器。[我要我当软件园]Dreamweaver是现今最好的网站编辑工具之一，而Drea...
[阅读全文]
-
初学：认真学习网页技术CSS的选择符
[内容预览]
25 | 2007-06-25 16:39:16
.Dgn460{display:none;}通配选择符语法：*说明：选定文档目录树（DOM）中的所有类型的单一对象。假如通配选择符不是单一选择符中的唯一组成，“*”可以省略。目前IE5.5+尚不支持此种选择符。示例：*[lang=fr]{font-size:14px;width:120px;}*...
[阅读全文]
