Links and Styles

As you know there are four states of a link, namely: Initial State, Visited State, Mouse Over State and Active State

Related Tutorials

Styling links with CSS
Learn how to add interesting CSS styles to HTML links, including visited and rolled-over links. Discover how to change colours and add images to links.

Links and Styles
Modify link states, add background color, change cursor on mouseOver...etc

CSS and Links
Applying CSS to your links allows you to do all sorts of nice roll-over effects and advanced text highlighting. You will also be able to have many sets of links on a single page, all with different formatting.

Link control
The anchor tag is responsible for links. We can set specific values for the anchor. These values will be for the link, active and visited. We can also have a hover property in styles.

Cascading Style Sheets
Cascading Style Sheets are used to specify particular styles for a character, a word, a group of words, a page or a whole web site. Although you can change almost any behavior using these styles, including some behaviors that were not possible in HTML, CSS don't constitute an independent or complete language, the styles are used to control the display of items or sections on a web page.

Controlling Background Styles
This tutorial will show you how to control background styles in css.

Border Styles
Tired of using that ugly looking default border in tables? Well, this will solve your problem! There are many different border styles you can choose from.

Links: No Underline
Get the underlines off of your links!

Define Page Scrollbar Styles
Make your page look nicer by applying CSS styles to your page scrollbar.

Remove Underlines from Links
In this tutorial you will learn how to remove underlines from links.

Creating a Navigation Bar with CSS
This interesting tutorial in HTML and CSS will show you how to create a Navigation Bar. It takes 16 steps, but they are short and easy to read. The great photos and screenshots make each step very understandable. Thanks to CSS, you can format your links with any style you choose and and can align your links horizontally or vertically. Also, using CSS instead of images to create a rollover effect helps your page load faster.

CSS Navigation Menus
Are you looking to create navigation menus using CSS? Are you looking to use different styles for your navigation menus? This tutorial will teach you how to create different menu styles for a main menu, submenu, and footer menu.

Cascading Style Sheets (CSS); Learning More
In the "Cascading Style Sheets (CSS) -- Getting Started" article, the first in this series, you learned how to use an external style sheet. You simply include one line of code on your pages to affect the entire page with the style specified in that external style sheet. This article will show you how to embed a style sheet directly into your web page. It will also show you how to define custom styles, styles not associated with any particular HTML tags.

Advanced CSS
In this tutorial you'll learn how to import stylesheets, how to use classes, ids and span, and how to use contextual styles.

Link Effects
Learn how to make your links flip vertically when you go over them.

Different link colors
Do you want to have a different color links on different sections of your website? If your answer is yes then you have come to the right tutorial.

First Letter
Apply styles, such as increased size, to the first letter of a paragraph.

CSS Classes
This is a down and dirty quick use of Style Sheets to set up Classes of text styles. It's fast and it works.

CSS and Media Types
Every webmaster want that his pages can be accessible to everyone. CSS-2 brought along a way to apply different styles to a page dependant on the medium it is being used through.

CSS and Cursors
With CSS you can change what the cursor looks like when it hovers over your links and other elements.

First Letter
Styles can be added to the first letter of a paragraph of text much like you would find in magazines. To do this, Pseudo-elements, which add different effects to some selectors, or to a part of some selectors, are used.

Creating and linking external CSS files
This tutorial will show you how to convert your internal CSS styles to an external file and how to attach them to a page.

Define Page Scrollbar Styles
Before we look into Page Scroll Bar definition, please have a look at the example here. Well it does not look that good, but that is just for the differentiation of the areas of the scrollbar. Once you know which area is defined with which code you can modify it as you like.

Shiny Happy Buttons
Here a shining example of what can be done to customise the look of HTML buttons without resorting to images. Custom button styles are a frequent request, but the use of images can heavily restrict the implementation. Avoid those pitfalls by sticking to pure CSS.

Default Styles for CSS
Coding CSS can quickly run into difficulties with different browsers interpreting code in different ways. Designs will never look the same in every browser but you can help yourself by using a default style set when you start coding.

User Styling
Jon Hicks takes a peek at using CSS to apply custom user styles to change the appearance of sites within your own browser. Put your existing knowledge of CSS to good use to make your own browsing experience more pleasant and productive.

Advanced Selectors
Selectors are the way you reference the parts of your HTML documents with the styles you want to have applied to them. CSS2 and CSS3 brought with them a host of new selector specifications, designed to allow greater access to the elements and parts of those elements that make up each and every webpage.

Do Not Think In Tables, Think In Styles
CSS tutorial describes how to get rid of tables and create clear and lightweight HTML layout with CSS. 'Float' and 'Clear' CSS properties are explained.

Learn CSS: Border Styles and Properties
There are many different style and settings for borders in CSS. This tutorial hopes to teach you the basics of adding borders to page elements, div tags and images with various border properties.

CF Navigation Menu II
This is an inverted version of the original CF Navigation Menu. Four images are used as part of its interface- the two round corners, an indented divider between menu links, and a gradient background image spanning the menu.

Heading Tags
Heading tags are often set up to host styles to unify a site. While a site may have all the text in black, if all the titles on the site were say blue or red, there would be unity in the page look by text size and color.

Table Cells Into Links
The way to turn a table cell into a link is to apply a class to a link and to insert the link inside cell, here is the CSS:

Learn CSS Link: Classes and Properties
Learn how to create and customise links or a tags in CSS. This detailed tutorial will teach you about all the link properties for customising fonts.

A vertical CSS menu
A tutorial on how to make a vertical menu with pure CSS all together with background colors, links and all the things one menu needs.

Creating and Linking External CSS Files
It is particularly useful to keep one css file for the entire website rather than having individual CSS styles in every page, advantage of having a separate CSS file is, it is easy to update and maintain the look and feel of the entire website from a single file.

How to make a decent navigation bar
A navigation bar is of course essential part of a website as it's going to where all your links to the site are stored, so your obviously be going to needing one, and it's also going to be need to look appealing. This tutorial will teach you how to make a navigation bar using only XHTML and CSS with no use of Javascript or any other code

Advanced CSS (linking to an external style sheet)
The advanced way, and the easiest way to do CSS is to link to an external style sheet. Here I will sow you how. If you are new to CSS, I reccommend reading the basic CSS tutorial first, if you haven't already. First, open up notepad and put all your styles in.

CSS Background Rollover
Looking to add a little style to your image links? Let's use CSS to add a background color that appears when the mouse hovers over the image. This style can be used on a variety of images but we'll be looking at adding this style to affiliate buttons.

Image Maps With Pop-Up Tool Tips
Using an unordered list, a couple of images, and a little CSS, we can create an accessible "image map" with pop-up tool tips that provide our readers more information on the links the map contains. There are several techniques out there for doing this, but, unlike some, the one outlined here has the advantage of working in older versions of Internet Explorer.

CSS Tutorial For Beginners
In this tutorial, you will learn how to: Create an external CSS file and link it to multiple HTML files; Embed and import a style sheet; Create inline style sheets; Use tap selector and class selector; Set up font sizes, colors, faces and styles; Set up background color and image; Set up margins, text-align and decoration; Create layers; Set up atributes of the table, and more...

Links and Styles

View Tutorial