CSS Tutorial Example
Example
CSS Reference
CSS Introduction
CSS Introduction
CSS Internal
CSS Selector
CSS External
CSS Inline
CSS Class
CSS Background
CSS Font
CSS Text
CSS Padding
CSS Margin
CSS Border
CSS List
CSS Pseudo Class and Mouseover
Advanced Topics
CSS Cursor
CSS Properties
CSS Position
CSS Layers
CSS Float
CSS ID vs Class
CSS Display
CSS Align
CSS Navigation Bar
CSS Attribute Selectors
CSS Image Gallery
CSS Image Opacity
CSS Class
CSS Classes
You will see so many HTML attibute with multiple looks with CSS use.Just have a look this example if you would like to large size of font, on the other hand you would prefer the font to be small and black. CSS would not be very useful if it did not allow you to have so many different types of formats for a single HTML tag. Well, CSS allows you to do just that with the use of classes.CSS Classes you will choose different stlye and different font . this is preference to change the HTML Style forms and so many attractive web page. its very much easy to learn. and easy to implement. just have a see hiscript examples and you will be tranned in couple of hours. multiple style select to change color , background, page format, bacground images so many style apply through classes
The Format of Classes
when you are using classes its very simple way to learn. when you will save this external file css you must menstion extension to the typical CSS code and make this sure you have specify this extension in your web page HTML. Lets use this CSS Examples of making two paragraphs that those resulut is showing different. First, we begin with the CSS code, note the red text
p.first{ color: blue; }
p.second{ color: red; }
<html>
<body>
<p>This is a normal paragraph.</p>
<p class="first">This is a paragraph that uses the p.first CSS code!</p>
<p class="second">This is a paragraph that uses the p.second CSS code!</p>
This is a normal paragraph.
This is a paragraph that uses the p.first CSS code!
This is a paragraph that uses the p.second CSS code!
You can use CSS classes with any HTML attribute, However, what happens if we had already defined a value for the default <p> tag, is there any problem for this classes of the paragraph ?
Well, when this happens the CSS class for any <p> tag will override the default <p> CSS. If the CSS class uses a CSS attribute already defined by the default CSS, then the formatting defined by the class will be the value that is used.
It may be easier to imagine that the CSS for a generic HTML element is the starting point and the only way to change that look is to overwrite the attributes using CSS classes. Please see the example below for a visual of this tricky topic.