 Style-Sheets Page 5 - What is CSS? |
Your First Style Sheet - Style SheetsStyle sheets are a very powerful tool for the Web site developer. They give you the chance to be completely consistent with the look and feel of your pages, while giving you much more control over the layout and design than straight HTML ever did.
print this article SEARCH DEV SHED |
As HTML becomes more and more a description of the content of Web pages and less the look and feel, you need a tool to describe how your pages should look. That's where Cascading Style Sheets (CSS) come in. CSS is not hard, in some ways it's almost easier than HTML. The trickiest part is remembering the many different choices you have to choose from. Let's start with a simple style sheet that includes some of the more common styles. Fonts The most common adjustment to Web pages is to the fonts on the page. You can change the color, style, size, and face of your fonts, and you can do it all with CSS. The first key to writing a style sheet is to decide what you want your text to look like. You should decide the color, the font, the style and so on. You also need to decide what the different styles should be for the different tags, headings, and so on. My Proposed Styles
These are the CSS elements that can change the font:
font-size : small
Once you've decided on the styles you want, you need to write your style sheet. Place the following in the <head> of your HTML document:
The first three of the above styles will be set by using the tags: <p></p>, <h1></h1>, and <h2><h2>. The final style notation is used with the class attribute. Since it is a notation, it would usually be used with the <span></span> tag. For example:
The styles set by the first tag will be inherited by any tag that is within it. This is why we don't have to redefine the font color or size for the note.
blog comments powered by Disqus |
|  |
|
/ 93 
Working with CSS Styles and the Stage Pattern in PHP 5
