HTML/CSS - 文章分类(第3页) - mbskys

Div+CSS布局入门教程(三)

摘要：作者:番茄红了三、页面顶部制作(1) 当我们写好了页面大致的DIV结构后，我们就可以开始细致地对每一个部分进行制作了。在上一章中我们写入了一些样式，那些样式是为了预览结构而写入的，我们把css.css中的样式全部清除掉，重新写入以下样式代码：程序代码 /*基本信息*/body {font:12px Tahoma;margin:0px;text-align:center;backgrou... 阅读全文

posted @ 2007-01-29 09:51 mbskys 阅读(112) 评论(0) 推荐(0)

Div+CSS布局入门教程(二)

摘要：作者:番茄红了二、写入整体层结构与CSS 接下来我们在桌面新建一个文件夹，命名为“DIV+CSS布局练习”，在文件夹下新建两个空的记事本文档，输入以下内容：程序代码无标题文档这是XHTML的基本结构，将其命名为index.htm，另一个记事本文档则命名为css.css。下面，我们在标签对中写入DIV的基本结构，代码如下：程序代码 ... 阅读全文

posted @ 2007-01-29 09:51 mbskys 阅读(133) 评论(0) 推荐(0)

Div+CSS布局入门教程(一)

摘要：作者:番茄红了一、页面布局与规划好久没有认真写点东西了，想起最近这些时间经常有朋友问到我有关于DIV+CSS布局的问题，其实归根结底还是由于没有入门造成的。那么接下来的这篇文章就带领大家入门吧... 在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTM... 阅读全文

posted @ 2007-01-29 09:50 mbskys 阅读(177) 评论(0) 推荐(0)

嵌套DIV:父DIV的高度不能根据子DIV自动变化的解决方案

摘要：当Content内容多时，即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展。解决方案当Content内容多时，即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展。解决方案在层的最下方产生一个高度为1的空格，可解除这个问题 http://blog.csdn.net/lovinglgz/arch... 阅读全文

posted @ 2007-01-29 09:46 mbskys 阅读(347) 评论(0) 推荐(0)

动态加载CSS的三种方法

摘要：如果你有很多关联的CSS文件要一起加载，或者想动态的加载不同的CSS文件，那么下面的方法你一定对你有帮助。第一种：一般用在外部CSS文件中加载必须的文件@import url(style.css);/*只能用在CSS文件中或者style标签中*/ 第二种：简单的在页面中加载一个外部CSS文件document.createStyleSheet(cssFile); 第三种：用createElemen... 阅读全文

posted @ 2007-01-26 17:47 mbskys 阅读(897) 评论(0) 推荐(0)

仿淘宝首页导航条布局效果

摘要：Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->TAO BAO TEST 2 首页数码通讯女人男人家居书籍音像运动游戏宠物香港街淘宝商城仿淘宝网首页... 阅读全文

posted @ 2007-01-26 13:33 mbskys 阅读(208) 评论(0) 推荐(0)

多语言网站设计需要注意的问题

摘要：在设计和开发一个多语言版本的网站前，需要考虑下列因素： 1- 应用字符集的选择一个定位于不同语言国家的企业网站势必需要提供多种语言版本的产品和销售信息来满足其世界各地使用不同语言的客户和合作伙伴，其中包括法语、德语、意大利语、葡萄牙语、西班牙语、阿拉伯语等等。但有一个问题却极易被网站设计者们所忽略。这就是网站的字符集设置问题。一般我们使用的是简体中文(GB2312)字符集，而对多语言网站来说，中文... 阅读全文

posted @ 2007-01-26 13:30 mbskys 阅读(262) 评论(0) 推荐(0)

动态CSS，换肤技术

摘要：常见的例子就是：一个站点上有多个页面样式提供浏览者选择。同时，在选择了某样式后，再次打开该页面时，将仍然保持该样式。自然会想到了Cookie技术下面是HTML代码部分（另外再加需要的CSS文件就可以使用了）：程序代码换肤技术请选择下面的下拉菜单测试换肤效果css.csscss1.csscss2.csscss3.css 调试地址：http://cnbruce.com/test/css/ h... 阅读全文

posted @ 2007-01-26 13:28 mbskys 阅读(202) 评论(0) 推荐(0)

典型的三行二列居中高度自适应布局

摘要：如何使整个页面内容居中，如何使高度适应内容自动伸缩。这是学习CSS布局最常见的问题。下面就给出一个实际的例子，并详细解释。（本文的经验和是蓝色理想论坛xpoint、guoshuang共同讨论得出的。）首先先按这里看实际运行效果，这个页面在mozilla、opera和IE浏览器中均可以实现居中和高度自适应。我们来分析代码：完整代码 headerright11111leftfooter 代码分析 ... 阅读全文

posted @ 2007-01-26 13:25 mbskys 阅读(145) 评论(0) 推荐(0)

纯CSS菜单效果

摘要：Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->美女·果然是美女·果然是美女·果然是美女·果然是美女·果然是美女美女·果然是美女·果然是美女·果然是美女·果然是美女·果然是美女美女·果然是美女·果然是美女·果然是美女·果然是美女·果然是美女美... 阅读全文

posted @ 2007-01-26 13:10 mbskys 阅读(104) 评论(0) 推荐(0)

创建各栏同高的多栏布局

摘要：Faux Columns 关于我的个人网站被问到最多的问题是：你是怎么让右边这一栏的背景色一直向下扩展的？这确实是个很简单的问题，也许你也已经相当熟悉，但很多人还不知道。下面介绍的技术是一个简捷的小技巧，它一定可以帮助你解决这个头痛的问题。垂直伸展 CSS有一些多少让人感到沮丧的特性，比如元素在垂直方向上只按照它确实需要的长度来伸展。也就是说，如果把一个200像素高的图片放在... 阅读全文

posted @ 2007-01-26 13:08 mbskys 阅读(162) 评论(0) 推荐(0)

input高级限制级用法及下拉框选项分组

摘要：1.取消按钮按下时的虚线框在input里添加属性值 hideFocus 或者 HideFocus=true 2.只读文本框内容在input里添加属性值 readonly 3.防止退后清空的TEXT文档(可把style内容做做为类引用) 4.ENTER键可以让光标移到下一个输入框 5.只能为中文(有闪动) 6.只能为数字(有闪动) 7.只能为数字(无闪动) 57)... 阅读全文

posted @ 2007-01-26 12:11 mbskys 阅读(377) 评论(0) 推荐(0)

几个漂亮Button的CSS

摘要：几个漂亮Button的CSS除了CSDN的和e商2003的，其他皆为JoeCom原创按钮转摘请注明出处 http://blog.csdn.net/juwuyi 好看的CSDN Buttonhttp://blog.csdn.net/juwuyi"> 好看的Green Button 好看的Green Button 好看的 e商2003 Buttonhttp://blog.csdn.net/j... 阅读全文

posted @ 2007-01-25 17:48 mbskys 阅读(215) 评论(0) 推荐(0)

简单实用的网页表格特效

摘要：在我们制作主页的过程中，用到表格的地方非常多，灵活运用表格技巧可以为我们的网页增色不少，这里我就详细介绍几中特效表格的制作方法。一、彩色虚线表格虚线表格二、鼠标指向单元格变色onmouseout="this.style.backgroundColor=''" 鼠标离开效果onmouseover="this.style.backgroundColor='#FFcccc'"鼠标放上去的效果... 阅读全文

posted @ 2007-01-25 17:47 mbskys 阅读(236) 评论(0) 推荐(0)

渐显图片

摘要：步骤一：将以下代码加入HTML的之间： ◇步骤二：将这段代码复制到到之间您需要的位置 ... 阅读全文

posted @ 2007-01-25 17:46 mbskys 阅读(104) 评论(0) 推荐(0)

七款HTML在线编辑器[下载]

摘要：Html在线编辑器--即所见即所得的可视化编辑器，现列出如下几款： =================================================== ①Text Editor -- 用flash作的,比較特別 ②TinyMCE -- 免費的編輯器,支援多種瀏覽器 ③FCKeditor -- 免費的編輯器,支援多種瀏覽器 URL:[http://www.cnb... 阅读全文

posted @ 2007-01-25 17:44 mbskys 阅读(150) 评论(0) 推荐(0)

1PX直线

摘要：dfdfddfdf dfdfd dfdf 阅读全文

posted @ 2007-01-25 17:43 mbskys 阅读(177) 评论(0) 推荐(0)

同一页面实现多种不同的链接效果.

摘要：相信你能看懂上面的代码,以前一般的作法只是用了一个hover一个link一个visited,现在这里把他分成了ant和cat两个.然后你就可以各取所需了.实现的方法你可用span,class,和div的方法(可参见第28期网页制作).例上海中国这样就呈现出两种不同的样式了.在用DW进行设置a:link,a:visited,a:hover时注意顺序不能反,否则效果显示不出来... 阅读全文

posted @ 2007-01-25 17:42 mbskys 阅读(332) 评论(0) 推荐(0)

深入了解CSS的继承性及其应用

摘要：所谓CSS的继承是指被包在内部的标签将拥有外部标签的样式性质。继承特性最典型的应用通常发挥在整个网页的样式预设，需要指定为其它样式的部份设定在个别元素里即可。这项特性可以给网页设计者提供更理想的发挥空间。但同时继承也有很多规则，应用的时候容易让人迷惑，donger今天就专门和大家聊聊这方面的应用。正文 CSS是层叠样式表（Cascading Style Sheets）的简称，它的规范代表了互... 阅读全文

posted @ 2007-01-25 17:41 mbskys 阅读(168) 评论(0) 推荐(0)

图片的链接

摘要：阅读全文

posted @ 2007-01-25 17:40 mbskys 阅读(136) 评论(0) 推荐(0)

文章分类 - HTML/CSS