《CSS设计彻底研究》读书笔记 第06章 链接与导航
来源:互联网 发布:软件定制开发报价单 编辑:程序博客网 时间:2024/05/21 14:42
1.在HTML中通过标记<a>来实现超链接,如下所示:
<a href="www.test.com">链接文本</a>
可以通过CSS的伪类别(Anchor Pseudo Classes)来制作动态效果
属性说明
a:link超链接的普通样式,即正常浏览状态的样式
a:visited被点击过的超链接的样式
a:hover鼠标指针经过超链接上时的样式
a:active在超链接上单击时,即“当前激活“时,超链接的样式
有两点需要注意的:
(1)a:link和a基本没有区别,但在a标记没有href属性时a:link无效,而a有效
(2)设置<a>四种状态时要遵从l(link)ov(visited)e h(hover)a(active)te顺序
2.可以cursor属性设置鼠标指针的效果,常用的值为:auto(默认) crosshair default pointer
--------------------------------------------------
author: cs_cjl
website: http://blog.csdn.net/cs_cjl
--------------------------------------------------
3.在CSS中列表的编号是通过属性list-style-type来修改的,因此在CSS中<ul>与<ol>的分界线并不明显,只要利用list-style-type属性,二者就可以通用
4.可以通过设置list-style-image将列表中项目符号显示为任意的图片,但由于在IE和Firefox中显示的效果不太一致,更好的方法是将list-style-type属性的值设置为none,然后修改<li>标记的背景属性background来实现
5.当盒子设为“浮动”后,即使在竖直方向上的margin相邻,也不会发生“塌陷”。
- 《CSS设计彻底研究》读书笔记 第06章 链接与导航
- 《CSS设计彻底研究》读书笔记 第04章 盒子的浮动与定位
- 《CSS设计彻底研究》读书笔记 第05章 文字与图像
- 《CSS设计彻底研究》读书笔记 第01章 (X)HTML和CSS核心基础
- 《CSS设计彻底研究》读书笔记 第03章 深入理解盒子模型
- CSS设计彻底研究
- CSS设计彻底研究
- 《CSS设计彻底研究》第3章/08.htm p68代码
- 《CSS设计彻底研究》第3章/09.htm p69代码
- 简单伸缩面板制作(来源于CSS彻底设计与研究)
- 笔记(1)——《css设计彻底研究》
- CSS设计彻底研究全书PDF+源码文件
- 《Head First HTML 与 CSS》读书笔记------第 1~3 章
- 【effective c++读书笔记】【第4章】设计与声明(1)
- 【effective c++读书笔记】【第4章】设计与声明(2)
- XHTML、CSS与javascript入门经典_第二章 链接和导航
- CSS设计导航栏
- CSS导航设计
- 进程与线程区别联系汇总(持续更新)
- 深入C#中的委托和事件
- 算法的数学定义的疑惑
- Tar打包、压缩与解压缩到指定目录的方法
- C# 保存excel的SaveAs方法详述
- 《CSS设计彻底研究》读书笔记 第06章 链接与导航
- [Usaco2008 Mar]Cow Travelling游荡的奶牛 BFS
- QT开发环境安装配置教程
- 如何在C#添加鼠标右键菜单
- JAVA遍历路径下所有文件
- 几条学习python的建议
- 数字签名是什么?
- 队列
- 调试程序小技巧(弹出窗口 Dialog Debug)