You will be taken through the basic steps of creating the following:
Inline styles
Internal style sheets
External style sheets
Creating Inline styles
When you type a CSS rule directly into a page’s HTML, you are basically creating an inline style. Inline styles offer none of the time and bandwidth saving benefits of style sheets. Yet, it proves to be [...]
Categories: CSS Tutorials, Posted on February 29, 2008 by Choppr
The first way is simple but very efficient when you don’t have tables, iframes, etc. It will reset the padding and margin for all the html elements.
* {
padding: 0;
margin: 0;
font-size: 100%;
background: transparent;
}
The second way, [original]:
html, body, div, span, applet, [...]
Categories: CSS Specificity, CSS Tips, Posted on February 25, 2008 by Choppr
Advanced CSS help you to create wonders by reducing the number of HTML tags that are used in the page.
Following are six tags required to layout the content:
<h> The heading tags range from ‘<h1></h1>’ to ‘<h6></h6>’ are used to mark/tag headlines in the pages. The most important headline, therefore, remains wrapped in a <h1> tag [...]
Categories: CSS Tutorials, Posted on by Choppr
Linking of style sheets using HTML
One of the best methods of adding an external style sheet to a web page is to use HTML <link> tag. You can write the tag in a slightly different manner depending upon whether you are using HTML or XHTML.
For example, here is an HTML:
<link rel=”stylesheet” type=”text/css” href=”css/global.css”>
Here’s XHTML:
<link rel=”stylesheet” [...]
Categories: CSS Tips, CSS Tutorials, Posted on February 21, 2008 by Choppr
1. With the file basic.html open it in your text editor, click directly after the closing </title> tag. Then hit Return and type <style type= “text/css”>
The HTML should look like the following:
<title>Basic web page</title>
<style type= “text/css”>
</head>
The opening <style> tag marks the beginning of [...]
Categories: CSS Tips, CSS Tutorials, Posted on February 20, 2008 by Choppr
Since it groups all styles at the top of the page, so an internal style sheet is far easier to create and maintain than an inline style sheet.
Here are steps to create an external style sheet:
1. In your text editing program, create a new file and save it as global.css in the same folder as [...]
Categories: CSS Tips, CSS Tutorials, Posted on by Choppr
A variety of CSS tools allows you to create wonders with CSS in your website.
Following are some of the best-used tools of CSS:
CSS Creator – this tool creates a fluid or fixed width floated column layout, with up to 3 columns, header and footer. Values for it can be specified in pixels, percentages or ems.
Firdamatic [...]
Categories: CSS Links, CSS Tools, Posted on February 11, 2008 by Choppr
A host of CSS navigation techniques like vertical menus, JavaScript powered menus and tab menus, make navigation menus one of the most important elements for web design.
Here is a list of techniques to create CSS navigation menus:
Drop-down menus, horizontal style
The most important part of creating our menu is menu structure itself. The best way to [...]
Categories: CSS Navigation, CSS Tips, Posted on February 4, 2008 by Choppr
You've arrived on the "Advanced CSS/HTML Explained" weblog. Here you will find how can you tackle the more difficult topics of Cascading Style Sheets: Floating theory, Forms, Tables, Navigation elements, CSS Positioning. Also you will find lots of Resources, Tutorials, Articles, and Tips, Tricks Tools, and Techniques on CSS.
This blog is brought to you by TheChoppr.