一花一世界 – CSS实例教程:水彩风格CSS菜单(下)
通过设置文本缩进text-indent属性来隐藏文本,当鼠标滑过超链接时,我们将span元素转换为块级对象。为”home”项的链接定义宽、高以及背景图像。因为我们已经为标签a定义了绝对定位属性,现在我们只要简单的设置它相对左上角的坐标就可以了 …
通过设置文本缩进text-indent属性来隐藏文本,当鼠标滑过超链接时,我们将span元素转换为块级对象。为”home”项的链接定义宽、高以及背景图像。因为我们已经为标签a定义了绝对定位属性,现在我们只要简单的设置它相对左上角的坐标就可以了 …
我们将学习设计一个水彩风格的CSS菜单效果,其中会设计到如何在Photoshop中一步步创建菜单图切片,以及最终如何在CSS中实现最终效果。熟悉CSS的读者可能已经知道如何利用CSS创建横向或纵向菜单,现在我们来进步一学习利用position属性来实现更复杂的效果。
段落标签所标识的文字,代表同一个段落的文字,而不同段落间的间距等于连续加了两个换行符,也就是要隔一行空白行,用以区别文字的不同段落。在HTML中被包含在不同P标签组之间的文本,在浏览器中会被解析成不同的段落 …
在HTML和XHTML中,Title标签用于定义页面内容的标题,它有h1—h6六个级别,其中h1最引人注目,如整体页面内容的标题,而h2就可以当作它的子标题。而第五、六级的Title标签一般很少使用,当然在某些复杂的网页文档中还是可以找到它们的踪影。下面的代码展示了一系列Title标签的使用方法…
通过CSS我们可以有效的管理页面中的内容元素,人们又开始关注如何高效的利用文本元素:格式化文本。所以不管网站的形式如何千变万化,文本和链接都保持着优良的可用性,它们值得网站开发者花必要精力去组织和优化。
标记语言另外一个重要的组成部分是HTML注释,它允许我们把一些内容或标签放置在HTML中但却不被浏览器显示出来。使用注释的好处,一方面是让代码结构和功能更加直观,调试和修改的时候很容易就能让我们找到相应的代码块;另一方面也方便查找,方便比对,方便项目组里的其它程序员了解你的代码。
最终表现出来的结构和元素都是静态的,我们无法对其节点进行增删操作。首先在XHTML结构中,只是很规则的一个多重列表,除了在最外层的ul上应用了tree样式之外,没有附带任何的其它元素 …