|
LinksModule
Notes on the Links Module.
Links ModuleLocation/stylesheets/modules/links.css Source Codehttp://code.google.com/p/sparkl/source/browse/trunk/stylesheets/modules/links.css SummaryThe links module sets some basic behaviours for the <a> tag, including colours, hover state etc HTML Design PatternThis module affects all anchor tags, for example: <a href="http://code.google.com/p/sparkl/wiki/LinkstModule" title="Links module documentation"> DescriptionThe links module simply sets some basic styles for links and acts as a building block for further styles. It also adds a border on the bottom of images that are links to make them stand out from regular images. Why It's BulletproofNo reason in particular, really! How it worksThis module simply uses the pseudo-selectors such as :hover, :focus, :link, :visited and :active to style the anchor tags in a basic way. :hover and :focus are treated the same, as :focus seems to be used more with keyboard users and is almost the equivalent of hovering over the link. It is important to use the correct order of a:link, a:visited, a:hover and a:active so that the styles do not overwrite each other. To rememer this, use the acronym LoVe HAte. IE FixesInternet Explorer doesn't seem to inherit styles from other pseudo-selectors, so common styles need repeating, otherwise it defaults to IssuesNone Further Reading
Other Modules
|
Sign in to add a comment
