预览模式: 普通 | 列表

css导航栏设计样式(1)

 先看一下最终效果:

 

 

查看更多...

Tags: css 技巧 Dreawaver

分类:HtmlCSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 92

dl、dt、dd标签 blog网站建设小技巧

dd、dt标签是是列表用的。

我们平时常用的是<ul>< li>标签,不过dd、dt标签也蛮不错,特别是发布程序的时候功能模块列表什么的可以使用它来排版。

<dl></dl><dt>< /dt><dd>< /dd>
< dl></dl>用来创建一个普通的列表,<dt>< /dt>用来创建列表中的上层项目,<dd></dd>用来创建列表中最下层项目,<dt>< /dt>和<dd></dd>都必须放在<dl></dl>标志对之间。看一下下边的例子您就会 明白了:

创建一个普通列表
 

引用内容


  • <html>
  • <head>
  • <title>一个普通列表</title>
  • </head>
  • <body text="blue">
  • <dl>
  •    <dt>中国城市</dt>
  •      <dd>北京 </dd>
  •      <dd>上海 </dd>
  •      <dd>广州 </dd>
  •    <dt>美国城市</dt>
  •      <dd>华盛顿 </dd>
  •      <dd>芝加哥 </dd>
  •      <dd>纽约 </dd>
  • </dl>
  • </body>
  • </html>



此例在浏览器中的显示如下:
 

Tags: 博客工具 博客外观设计

分类:HtmlCSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 225

Flash 图片播放器

FLASH图片播放器for blog

下面是代码,替换相关链接,需要的自己研究了:

var focus_width=450
var focus_height=300
var text_height=18
var swf_height = focus_height+text_height 
(为flash尺寸)
<a target=_self href="javascript:goUrl()"> 
                    <span class="f14b">
                    <script type="text/javascript">
imgUrl1="hdp/1.jpg"
imgtext1="春的色彩"
imgLink1=escape("hdp/1.jpg");
imgUrl2="hdp/2.jpg";
imgtext2="眺"
imgLink2=escape("hdp/2.jpg");
imgUrl3="hdp/3.jpg";
imgtext3="映"
imgLink3=escape("hdp/3.jpg");
imgUrl4="hdp/4.jpg";
imgtext4="开放"
imgLink4=escape("hdp/4.jpg");
imgUrl5="hdp/5.jpg";
imgtext5="她"
imgLink5=escape("hdp/5.jpg");
imgUrl6="hdp/6.jpg";
imgtext6="两个人的故事"
imgLink6=escape("hdp/6.jpg");

var focus_width=450
var focus_height=300
var text_height=18
var swf_height = focus_height+text_height

var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3+"|"+imgUrl4+"|"+imgUrl5+"|"+imgUrl6
var links=imgLink1+"|"+imgLink2+"|"+imgLink3+"|"+imgLink4+"|"+imgLink5+"|"+imgLink6
var texts=imgtext1+"|"+imgtext2+"|"+imgtext3+"|"+imgtext4+"|"+imgtext5+"|"+imgtext6

查看更多...

Tags: 博客工具 博客技巧精华

分类:HtmlCSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 130

如何用HTML和CSS写出漂亮正规的BLOG

正确使用a标签

超链接是blog中用的最多的html标签,它用来链接到其他的文章或者站点链接,建议大家用a标签时将下列属性都添加上:

href:设置链接的url地址或锚点

target:设置鼠标点击链接后的目标窗口或框架页面,一般常用的是target="_blank",表示新开一个窗口打开链接,向在当前页面打开链接就不用加这个属性了

查看更多...

Tags: 技巧 博客技巧精华

分类:HtmlCSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 112

table修饰之美:CSS在 表格 table 边框上的美学应用(2)

5.边框宽度
语法: border-width: <值>

允许值: [ thin | medium | thick | <长度> ]{1,4}

初始值: 未定义

适用于: 所有对象

向下兼容: 否

查看更多...

Tags: 如何获得更多利益 博客工具 技巧

分类:HtmlCSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 169

我们知道Dreamweaver在表格制作方面做得非常出色,但是在某些时候还是必须结合css才能达到一些特定效果,下面我们先把有关表格边框的css语法整理出来,然后另外介绍怎样用css美化表格的边框。

有关表格边框的css语法

具体内容包括:上边框宽度、右边框宽度、下边框宽度、左边框宽度、边框宽度、边框颜色、边框样式、上边框、下边框、左边框、右边框、边框、宽度、高度、有关标签等。

1.上边框宽度

查看更多...

分类:HtmlCSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 112

作为一个热门技术,CSS的发展的确有些缓慢。CSS最早被提议在1994年,最早被浏览器支持在1996年,CSS一直被力捧为传统的以HTML为基础的web代码的继承者。CSS使用样式表来控制整个站点字体和布局的能力,使它看起来非常有效率、易于设计和有远见。然而,也一直有荒诞的说法围绕着CSS,阻碍了网页设计师学习和掌握这种语言。究竟是什么让人们大惊小怪呢?

我们访问了大学教师Christopher Schmitt,他是CSS的倡导者之一。Christopher深信CSS将成为网页设计师必备知识之一

问:CSS已经进入黄金发展期,您认为我们所有人现在就应该学习和开始使用CSS的十大理由是什么?

Christopher:哦,下面是我的十大理由,不分排名先后:

查看更多...

Tags: 博客工具 如何获得更多利益

分类:HtmlCSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 87