今天在标准之类的blog(http://www.aa25.cn)看到"纯CSS代码实现翻页" 的文章 dl { position:absolute; width:389px; height:154px; border:10px solid #eee; } dd { margin:0; width:389px; height:154px; overflow:hidden; } img { border:1px solid black } dt { position:absolute; right:3px; top:50px; } a { display:block; margin:1px; width:20px; height:20px; text-align:center; font:700...
当前标识指用户点击该频道或栏目，该栏目的标签呈现出与其他标签不同的颜色用以提示用户所处的位置。 这种设计是网站设计中相当简单而且是相当经典的一种增进网站可用性的方式。网站让用户使用时是应该考虑到用户浏览的思考过程，糟糕的网页设计只顾及页面本身而不去考虑用户感受，优秀的设计应当是以用户为中心出发的，这样一种简单的当前频道的标识往往是许多设计师所忽略的内容，用户需要知道自已的位置，以及知道自已还能去哪里...
我们的设计越来越追求一种简洁的风格，希望在有限的空间内展示更多的内容。与此同时我们发现一些问题，内容的简单排列总使页面很长。滚屏很多才能将显示的内容布局完毕。YAHOO与网易率先应用了标签切换的布局方式，打破了常规布局的局限性，在相同尺寸的区域内，可以放置更多的内容。我们只需要点击不同的选项卡或链接就能展开内容，这并不需要打开新的网页，只是在同一页内完成。 一、标签切换总体的实现思路： 实现这种标签切...
几乎被设计师遗忘了的标签 fieldset { width: 300px; border: 1px solid #006600; } legend { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; } ul { margin: 10px; padding: 0px; background-color: #FFFFCC; } li { list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 180%; } Dascom News Last Amish shooting victim t...
做DIV+CSS页面，不推荐使用的标签代码，请尽量不要使用这些HTML标签： Do not use these html elements in html pages. Presentational elements should not be used. Support for some elements has been (or will be) deprecated; they should not be used. Don't Use These Tags Presentational 代码如下:b big hr i small sub sup tt Deprecated basefont center dir font isindex...
h1标签的正确使用可以达到seo的目的，那么如何在使用h1标签的同时，又不失去原有的美观呢？事实上，正确使用h1标签，我们既可以达到seo的目的，也能达到美观的目的。大家都知道搜索引擎比较喜欢h1标签。在SEO中h1标签也是很基础也很重要的一步。但有些时候为了界面风格的原因，很多标题性的文字做成了图片。大多数情况下，切割页面的时候就直接用上了图片。在代码上，h1标签也就对搜索引擎失去了作用。其实通过一点小的调整则可以将...
在Dreamweaver8中，只要一加入表单或表单对象，文本框等等，就会在代码中加入一个，一直没明白这个label是做什么的，今天正好看到了解释： Label 中有两个属性是非常有用的,一个是FOR、另外一个就是ACCESSKEY了。 FOR属性 功能：表示Label标签要绑定的HTML元素，你点击这个标签的时候，所绑定的元素将获取焦点。 用法：姓名 ACCESSKEY属性： 功能：表示访问Label标签所绑定的元素的热键，当您按下热键，所绑定的元素将获取焦...
这个效果是今天有人写邮件给我问的一个效果，记前以前利用A标签的背景写过一个类似的效果。于是刚刚回来就写了一下他要求的效果！顺便贴出来和大家分享一下，如果你很有创意，那么你一定能作出更有意思的效果。他提出来的效果，是九天音乐首页一个FLASH的作的效果，要用CSS模仿同样的效果，可能是因为不想用FLASH或是SEO之类的目地。于是用FW作了两张GIF的图片，来模仿这样的效果，由于是是测试用，所以图片等很多方面没有考虑的特...
v\:* {behavior: url(#default#VML);} css实现真正的圆角表格 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
在的img标签有两个属性分别为alt和title，对于很多初学者而言对这两个属性的正确使用都还抱有迷惑，当然这其中一部分原因也是ie浏览器所导致的。正确的使用这两个属性除了可以提高图片的搜索能力外，在用户体验上也是很有帮助，下面就来说说alt和title的概念与正确使用。 alt 此属性的实质作用是图片在无法正确显示的时候起到文本替代的作用,不过在IE6下还起到了title的作用（鼠标放上去后的文字提示），IE的实现方法实际上是错误的...
在网上搜索了一下都没怎么看到纯用CSS制作标签导航方面的教程或者说明，大部分都是要涉及到JS的编写的。这对于很多CSS学习中的人来说实在有些不够体贴，既然没人做那我来先来试试！我在这里做的CSS标签导航是纯CSS无JS无背景图片的绿色导航。此文章适合初学者，高手可以路过，呵呵！nav02 *{ margin:0; padding:0; } .mainNav{ margin:0 20px; height:47px; border-bottom:2px solid #000; } ul{ margin:20px; margin-bottom:0...
我们都知道网页的最大特性是“链接”，是的这个在我们现在看起来习以为常的东西，让我们的生活发生了巨大的变化，是这个小小的标签成就了这个世界上无数的互联网天才。那么让我们看看这个标签的真面目： 文本区 就是这个简单的标签，其实大家都在使用，用Dreamweaver可以很简单的添加链接。但是尽管如此我们还是需要知道A的属性是什么，这样才能更好的利用它。A是个内联标签，也就是说它本身并不会产生分行。他是流于文本之中的无素...
在前面我们已经讲过了strong与em的区别。除了strong与em之外还有一些相似的标签比如q、cite、blockquote。这三个都属于引用一类，但是这里还是有一些区别的，首先来一一解释。 ，q的作用是引用非块元素，也就是引用不能形成段落的内容，可能是某人说的一句话，也可能是一句文档摘录等，特点很明显这里是“一句”。并且q本身并不会产生段落。q本身并没有什么样式，一般浏览器也不会给他设置一个默认样式使起突出。但是我们可以通过C...
例如： Some Content 此时预览此代码，我们会发现最外层的父元素float container,并没有显示。这是因为子元素因进行了浮动，而脱离了文档流，导致父元素的height为零。 若将代码修改为： Some Content 注意，多了一段清理浮动的代码。这是一种好的CSS代码习惯，但是这种方法增加了无用的元素。这里有一种更好的方法，将HTML代码修改为： ...
在做页面的时候，经常要根据不同的操作来显示或隐藏一个表格中的部分内容，隐藏一行直接用标签，隐藏多行时用就很方便。 表单内容 多行内容 多行内容 用js来控制样式display来显示和隐藏，很方便。听说这样还可以控制网页加载时显示的顺序，content1会比content2先显示，而不是等表格加载完后一起显示，没有实验过，在表格数据很多时会有作用。 使用过程中发现不能嵌套使用，会出现莫名的问题,是用来定义表格主体的，定义多个...