今天花了点儿时间,琢磨了一下如何简洁的实现网页上常用的栏目。就是下面的这种东西,我称之为栏目,不知道别人叫它什么: 以下是我的HTML文件及CSS文件,可以便捷地进行样式切换。如果谁有更简洁的方式,请留言指教。
2009-12-18首先,任何一个布局通常都有headers, navigation bars, content containers, sidebars以及 footers. 我们在设计三栏主题的时候,最重要的目的就是发挥其最大的灵活性和自适应高度,这样才会看上去更加美观。下面9个三栏CSS布局将从多个方面来实现最好的布局方法,并
2009-11-06WEB标准 WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如
2009-11-06要想更好的理解 css, 尤其是 IE 下对 css 的渲染,haslayout 是一个非常有必要彻底弄清除的概念。大多IE下的显示错误,就是源于 haslayout。 什么是 haslayout ? haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Interne
2009-11-06CSS是对网页设计师可用的最强大的工具之一。使用它我们可以在几分钟内改变一个网站的界面,而不用改变页面的标签。但是尽管事实上,我们每个人也都意识到了它是有用的,CSS 选择器远未发挥它们的潜力,有的时候我们还趋向于使用过多的和无用的class、id、div、span
2009-11-06教你解决CSS多出的margin问题网页制作Webjx文章简介:不知道大家知道这个问题不,在ie6的情况。假如ul中的li被设置了浮动,而ul本身有设置padding-top.你会发现li无端端多出了根ul的padding-top一样宽的margin-top(在浮动的li元素的数目已使分行的时候出
2009-11-06新手必看的css reset样式初始化写过css的都知道每个网页引进的css都首先要初始化,而出名的css reset有YUI css reset(QQ、淘宝等都出现他的影子),业内用的最多的还有Erik Meyer’s CSS Reset。 整理一下可以得到: /* reset */ html{color:#000;backgrou
2009-11-06CSS解决链接锚点定位偏移,不知道有没有人研究过这个问题。下下我们帮你讲解下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&q
2009-11-06CSS教程为了兼容ie6(万恶的东西),用的是expression的方法 在页头加入: <style type="text/css"> body{ background-image:url(about:blank); background-attachment:fixed;/*必要,防抖动*/ } .head,.foot{ position:fixed
2009-11-06网页制作Webjx文章简介:在div+css中的时候你可能会遇见这样的情况,ie6和ff浏览器下面某个div的背景是可以正常显示的,但是ie7下却无端失踪了背景. 在div+css中的时候你可能会遇见这样的情况,ie6和ff浏览器下面
2009-11-06Dreamweaver CS3层的应用教程 层(Layer)是一种 HTML 页面元素,您可以将它定位在页面上的任意位置。层可以包含文本、图像或其它 HTML 文档。层的出现使网页从二维平面拓展到三维。可以使页面上元素进行重叠和复杂的布局。首先,请 看下图:
2009-05-18Dreamweaver CS3中的内置Fireworks功能学习 Adobe官方将在其他软件中内建Fireworks技术称为Fireworks技术,网上也称之为内建图片编辑器。Dreamweaver CS3给人的一个感觉就是与Adobe公司其它产品的全面无缝集成,这样就大大缩短了开发人员的开发周
2009-05-18在Dreamweaver CS3中实现不同分辨率下的层定位 1.首先你需要到www.macromedia.com网站上去下载一个名为CenterLayers 2.3的插件(下载前得先在网站上注册),大小为8K。然后用Exention manager将插件装上(不要告诉我你用的是Frontpage哟)。重新启
2009-05-18如何处理Deamweaver CS3中CSS应用无效的问题 很多朋友在使用Dreamweaver CS3的时候都会碰到这样的情况:给当前编辑的文档链接了CSS文件,并对页面元素应用了定义的CSS样式,但在Dreamweaver CS3中却看不到任何效果。如下图。 主要原因就是Dreamweaver
2009-05-18教您深入了解新的Dreamweaver CS3 CSS布局现在, 更多的设计人员和开发人员在使用 Web 标准传达内容。 一个例子是从基于表格的布局迁移到层叠样式表 (CSS)。 虽然使用 CSS 等 Web 标准的优点包括更灵活强大的跨浏览器站点设计, 但很多人没有时间学习全新的方法
2009-05-18用Dreamweaver CS3制作下拉菜单 第一步,做好父级菜单。 第二步,插入一个层,如下图所示: 注意层的属性设置,去掉层的left和top值,这样Layer1就成了相对定位的层,把它的默认属性设置为hidden,不要设置背景色。 第
2009-05-18但是如果我们不想让Dreamweaver MX 2004自动显示宽度辅助线,该怎么办呢?下面介绍三种办法。 取消表格宽度辅助线显示以后,如果想再次显示,只要按方法二、三设置好“表格宽度”显示即可。 方法
2009-01-01一、 去除超级链接的下划线以及在超级链接上实现鼠标悬停变色: 在默认情况下,用DreamWeaver设计的网页中的超级链接都有下划线,看上去不大美观。要去除这些讨厌的下划线,很多报刊介绍的方法都是在HTML源代码中手工加入一段代码,其实在DreamWeave中很容易去
2008-12-15在 Dreamweaver 的“文档”窗口中打开 index.html 页面,插入一个三列的表格,在由三列组成的表格的中间一列中放置的图形之上单击一次。 选择“插入”>“媒体”>“Flash 视频”。在“插
2008-12-15Dreamweaver作为优秀的可视化网页编辑工具,为我们提供了一整套可视化网页制作平台,让你的网站开发效率得到极大提升。今天我们来讲讲“标签选择器”的应用,通过Dreamweaver内置的强大标签库,你会发现自己将远离枯燥的代码书写了。 &
2008-12-15