CSS Hover Help

Subject: CSS Hover Help Sun Sep 26, 2010 10:26 am

The default style for a link is blue font with an underline. This is, however, not always ideal. There are times when we want links to have a different style. This can be achieved using the following selectors:

a:link: Specifies how the link looks if the page it links to has not yet been visited.

a:visited: Specifies how the link looks if the page it links to has already been visited.

a:hover: Specifies how the link looks like when the user mouses over the link.

a:active: Specifies how the link looks like when the user clicks on it.

Let's take a look at the following declaration:

Code:: a:link {color:#FF0000; text-decoration:none;}
a:visited {color:#0000FF; text-decoration:none;}
a:hover {font-size:20; color:#00FF00; text-decoration:underline;}
a:active {color:#FF00FF; text-decoration:underline;}

What this means is the following:
1) When the page is first loaded, the font color is red.
2) Once the link is visited, the font color becomes blue.
3) When you mouse over the link, font size becomes 20, font color becomes green, and an underline appears.
4) When you click on the link, font color becomes pink, and the underline remains.

Subject: Re: CSS Hover Help Sun Sep 26, 2010 1:32 pm

simple guide on how the Hover stuff works,
nice, although you can edit it even more if you have images involved Smile

Subject: Re: CSS Hover Help Sun Sep 26, 2010 1:43 pm

yeh i know. im not very good at CSS though Smile

Subject: Re: CSS Hover Help Sun Sep 26, 2010 1:45 pm

haha, I'm alright with CSS, and HTML. I'm in a web design class in school right now, so I will defiantly get better

Subject: Re: CSS Hover Help Sun Sep 26, 2010 1:45 pm

oh that great to hear Smile

Moderator Posts : 41 AC : 50 Join date : 2010-09-26

Whats the difference between CSS and html.

Subject: Re: CSS Hover Help Mon Sep 27, 2010 2:36 am

HTML (Hyper Text Markup Language) is a widely accepted web-design language.
HTML is responsible for the construction, and the total output, of a page.
There are three "sections" of a decent HTML document source: Inline, Internal, and External.
Inline markup goes in the <body> tag, and defines the webpage's base layout. It structures the output of a webpage, such as creating tables and divisions (And the data in them), forms and buttons, links (And anchors), or even just normal text and images (And videos, flash documents, etc). Inline markup is not generally used to decorate the page with colors and borders, as these methods are usually deprecated. HTML should be used to create the structure of a webpage - Not decorate it with borders, lines, and colors (Although it's possible).
Internal markup goes in the <head> tag (Excluding DtD's, which go in the first line of a document, etc). Most of the time, users do not directly see anything in internal markup (With the exception of something such as the <title> of a page). Internal markup can declare some special things about a page that the user won't notice, such as the Character Set Declaration, the Document Type Declaration, and keywords (For search engine purposes) to that webpage.
Multi-web-language documents need to use Internal markup to link the multiple languages together (Like CSS and JavaScript), so in a way, Internal markup is also used for decorating, aligning (etc), and making dynamic things, out of Inline markup.
External markup is markup (Of any language) not contained in the HTML document, but in a different file. The contents of this file, to retrieve the markup, can usually be called by Internal Markup. External markup could effect the webpage in vast variety of ways.
CSS (Cascading Style Sheets) is another widely-accepted web-design language.
Unlike HTML, CSS does not "create" anything. Instead, it decorates, aligns, and positions (etc) elements in HTML. In a nutshell, CSS takes the normal HTML output and adds a few rules to how it's actually displayed.
CSS can edit things such as element width and height, background color, border, alignment, and actual visibility, for starters. HTML is capable of doing some of these things, but as mentioned earlier, the methods are usually deprecated, or are soon to be deprecated.
CSS is incorporated into a webpage using Internal markup (In the <head>; in <style> tags) or external markup (From a ".css" file).

Member Posts : 12 AC : 14 Join date : 2010-09-28

^^ Really big, heh ?

There is a lot of difference Razz

, except they are little same .

» hover effect in dreamweaver