第6课 链接与导航
从本节课开始,我们将使用几次课的时间,来专门针对链接和导航相关的样式进行介绍。今天的课程介绍比较基础的内容。
本节课时长17分30秒,下载文件26.4兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载。
以下为本课的讲义,供大家参考。
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() 了解详细说明 |
从本节课开始,我们将使用几次课的时间,来专门针对链接和导航相关的样式进行介绍。今天的课程介绍比较基础的内容。
本节课时长17分30秒,下载文件26.4兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载。
以下为本课的讲义,供大家参考。
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
这篇文章发表于 2007年11月29日 星期四 7:00 am,并被分类于CSS导航设计。 您可以通过订阅 RSS 2.0 跟踪对这篇文章的评论。 您可以对这篇文章发表一条评论,或者在您自己的网站中引用 (Trackback) 它。
前沿视频教室的内容版权属于北京前沿科技,http://www.artech.cn。Copyright 2006-2011
本网站使用了 WordPress
2.2
中文版 。










这个怎么下载不了?
呵呵 支持呀
[…] 第6 课 链接与导航 第 7课 竖直菜单(上) 第 7课 竖直菜单(下) 第 8课 水平菜单 第 9课 […]
书上141页有一个注意,相邻的和之间不要有空格。我是用记事本写HTML和CSS的,我觉得还要加一点,和之间也不能有空格,要不然也会出现142页的那个问题。谢谢。
但是我发现不用给a 元素设置一个属性 display:block,只要设置float: left就行。不知有问题没,希望温老师解答。
新手 ,
是的,设置为浮动的元素的display属性都默认是block,因此不用设置!
搞定了,刚刚是把边框没有统一,所以变化的时候象素变了 呵呵 O了
新手 ,
OK! 祝贺!自己搞定最收获最大!
温老师我自己做了一下,我给给a 元素设置一个属性 display:block 然后再设置float: left才有视频里的效果,但是在IE里面发现只要鼠标经过按钮是有按下的效果了,但是后面的按钮就有往过来靠的动作,这是怎么回事呢?望解答
新手 ,
仔细计算尺寸。
按钮超链接直接像视频这样设置显示效果出不来,只有左右边框显示。
要留有一定空间。
simpman ,
你说的是在IE中看到的效果吧?
给 a 元素设置一个属性 display:block 即可。a默认是inline元素,改成blcok-level就可以了。
【simpman ,
你说的是在IE中看到的效果吧?
给 a 元素设置一个属性 display:block 即可。a默认是inline元素,改成blcok-level就可以了】
这样还是不行,如果只是这样每个按钮自成一行,变的就像标准流一样了,必须在a:link, a:visited里设置float: left;才有视频里的效果,我就是这样作出来的,温老师,这样做对否?反正我是这样做出来你视频里的那个效果了。
我按照你说的加了浮动左效果就出来了,谢谢。
新手 ,
你的做法是对的!
温老师我爱你!!!
网盲,
谢谢您的鼓励!呵呵
这样说对吗?
两个行内元素之间有空格的话会在IE6中显示一个空格 如[a]……[/a] [a]……[/a],中间会显示一个空格,而两个块集元素则不会。
小唐 ,
不仅仅是IE6,其他浏览器也是这样的,行内元素,多个空格等于一个空格,换行业看作一个空格。
块级元素之间不存在并列的问题,都是上下排列的,除非使用浮动才能左右并排,这样也不错在空格的问题了。
比如:讲到第六课时,但是TOP还是显示的”第五课 文字与图像排版” .会让人误会哦!呵呵
泥巴,
谢谢!确实错了,重新做很麻烦,呵呵,现在我们没空了,以后我们会更仔细一些。
温老师~~~~怎么看到后面还没完就没了
我这里看着没问题啊,能看到这节课的最后结束。你再试一次看看?