HTML中的图象标签属性 图象可以使网页更加生动美观。浏览器可以显示JPEG和GIF图象，其中GIF图象最多只能使用256种颜色（即只能保存为8位颜 色），而JPEG格式可保存为24位，对具体连续色调的图象有最佳效果。不过，GIF图象虽然在图象质量上不及JPEG图象，但 其所占的存储空间下，下载速度快。因此应视不同情况而决定使用哪种格式的图象。 在HTML文档中插入图象是通过标签来实现的。该标签共有个9个属性。除属性SRC是不可缺省的外，其...
li的简单应用 *{margin:0;padding:0;} #test { width:300px; margin:5px; } #test ul li { margin:3px;/* for IE5.x*/ margin/*\*/:1px; list-style-type:none; font:normal normal normal ?px/2em helvetica,Arial, verdana; border:1px #004080 solid; background: #fefefe url('http://bbs.51js.com/images/smilies/icon1.gif') no-repeat left center; padding-left:20px; } 测试列表的 测试列表的 测试列表...
Microsoft Expression Web Beta 1 betaDownload: http://fileforum.betanews.com/detail/Microsoft_Expression_Web/1147707644/1Microsoft Expression Web(以前叫Expression Web Designer) 可以帮助大家设计和制作基于web标准的网站、快速的进行CSS布局、对CSS进行格式化和管理、Rich data什么什么的, 还有可以对.NET 2.0进行强有力设计。哼哼，这个看来是对付DW的～ Microsoft Expression Graphic Designer May 2006 CTP betaDow...
表格效果table[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]表格效果div+css#div1 { width: 450px; border-top: #000 1px solid; border-left: #000 1px solid; } #div1 ul { width: 450px; margin: 0px; } #div1 li { float: left; width: 149px; height: 50px; list-style-type: none; border-right:#000 1px solid; border-bottom: #000 1px solid; text-align: center; line-height: 50px; } 1 2 3 4 5 6 7 8 9 10 [Ct...
Firefox: ID选择器(形如#divMain{}) > 类(形如.divSpecial{}) > 标签(形如body{}) IE: 类 > ID选择器 > 标签 例: 内容儿 在Firefox中表现出 #divMain{} 所定义的样式，而在IE中则表现出 .divSpecial{} 所定义。
修改您的样式表，找下边这段（一般都在开头） a { color:#3399FF; font-weight:Normal; /*字体效果 普通 可以改成bold粗体*/ text-decoration:none; /*下划线效果：无下划线*/ } a:hover { color:#4499EE; text-decoration:none; /*下划线效果：无下划线*/ border-bottom: 1px #0099CC dotted /*加一个只有下边的框 边框为虚线*/ } a{}控制连接的效果 a:hover{}控制鼠标移上去的效果。一些CSS定义虚线实例代码 table{width:20...
原文链接：CSS Design: Custom Underlines 由 A List Apart 杂志及作者授权翻译。（Translated with the permission of A List Apart Magazine and the author[s].）说明：文章中“[补充]”内容系译者所补充添加（来自 CSS 2.0 中文手册），目的是方便读者理解相关内容。虽然网页设计师通常有大量的方法控制文档如何呈现，但是基本的CSS不能为页面中链接下方的下划线样式提供很多选择。不过只需一点小技巧，你就能获得链接样式显示...
配合同事文章的技巧，用自己的博客来测试一下。首先插入一张测试图片：终极技巧之图片篇：为图片添加滤镜效果纯文字博客看上去会显得很枯燥，适当的配图能够让页面更美观，也能更好地表达自己的思想。那么如何为图片添加一些Photoshop里面才有的特殊滤镜效果呢？一张张修改图片吗？太烦琐了，更何况很多时候我们是引用网络上的图片地址，并没有对原图片的修改权限。这里有一个简单的方法，可以修改图片在博客上的显示效果。一般的博...
看到问此问题的很多，所以花点时间整理下，欢迎大家提意见，做补充修改，谢谢！问题如下: div { width:500px; border:1px solid #f00; background:#000; } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]解决方法:一、改变HTML的排列 div { width:500px; border:1px solid #f00; background:#000; } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]解决方法:二 、display:block div { width:500px; border:1px s...
内联级元素(inline-level element)中试图插入块级(block-level element)元素。这样做是不允许的。唯一的能在内联元素中插入块级元素的例外是object标签。那么什么是内联级元素(inline-level element)和块级(block-level element)元素呢？。 块元素(block element)一般是其他元素的容器元素，块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签''P"。“form"这个块元素比较特殊，它只能用来容纳其他块元...
对于那些刚接触CSS布局的人来说，常对如何使用表格（table）感到迷惑。我在很多地方看到人们把“避免用表格来布局”理解成“完全不使用table标签”。值得注意的是，表格是可以用的而且非常好用——只要用的正确。 是的，你得尽量的去避免用表格来布局。但是对于表格型数据，你就应该使用table。我想谈谈如何使用表格来组织表现表格型数据。在HTML和XHTML里，表格不仅仅是行（row）和单元格（cell），还有很多其他元素，特别是如果你...
自从W3C搞了一个Xhtml1.0的标准之后，很多网站都开始用之将站点重构，像yahoo，163，CSDN等，近来一段时间Xhtml+CSS2的热潮更是一浪高过一浪，所以偶也开始学起了，慢慢的就爱上他们了，现在谈一谈最近一段时间来的学习体会。 为什么要学Xhtml+CSS2 首先，规范的代码能在各种浏览器中顺利显示。 一些不规范代码的网页在IE下能正常显示的，在Firefox和Opera上可能就无法正常显示。虽然现在浏览器的主流是IE以及以IE为内核的各种...
一，CSS的管理 偶个人感觉比较重要，而且网上好像也比较少有说这方面的 一来管理好的话，在调用和定义CSS时，会省掉很多时间和麻烦 以下是偶的一些积累 首先是为何要外部导入或链接CSS 因为一个网页有很多页面，其中就要用到很多CSS（而且其中有一部分CSS是重复的），如果每页单独定义的话，以下是管理的方法，在index下的images文件夹中，CSS文件夹与之同级，方便调用和管理 开始做网站时，因为偶们大多在PS中都得到了平面图，...
有三个版本的 XHTML 1.0，它们分别对应三个版本的 HTML 4.01： ? XHTML 1.0 Transitional ? XHTML 1.0 Strict ? XHTML 1.0 Frameset XHTML 1.0 Transitional 包含 HTML 4.01 Transitional 中的全部标记和属性。引入 XHTML 1.0 Transitional 标准的目的是，使现有 HTML 设计人员和开发人员无需经历太多的痛苦就能迁移到 XHTML。 XHTML 1.0 Strict 与 XHTML 1.0 Transitional 的不同之处在于，它在文档结构和表示形式之间实施了一...
今天google了一下css居中布局的问题，结果差不多都是引用了同一篇文章。在ie中要居中，只要在元素中定义text-align:center;的属性。而在firefox中，需要定义一个wrapper包裹器。然后指定margin-left:auto;margin-right:auto;的属性来使区块在firefox中居中。其实，我自己都是用margin:auto;的缩写margin属性来设定居中。margin缩写属性是上、右、下、左的顺时针顺序来设定四个方位的页面边距的。需要注意的是，如果你据此以为只要设...