Embedded Style Sheets
Embedded style sheets are placed in the head section of the HTML page within a set of style tags.
If you want them to override linked style settings they should be placed after the line of code that accesses the linked style sheet file.
<head>
<link rel="stylesheet" href="style-div.css" type="text/css">
<style>
</style>
</head>
Since embedded style sheets add to the size of your pages they should only be used when standard settings defined by your linked style sheets are not desired.
You should also use embedded style sheets in mobile exclusive sites.
- Example Code:
- <head>
- <style>
- body { background: #ffff00
- }
- p {
- font-family: Arial, sans-serif ;
- font-size : 16px
- }
- h2 {
font-family: Arial Black, serif ; - font-size : 20px
- }
- </style>
- </head>
Free Tools We Recommend
- Free Ebook How to Code in HTML5 and CSS3
- "How to Code in HTML5 and CSS3" is a free e-book about making websites in HTML5 and CSS for absolute beginners. It doesn't require any experience in IT to start....
- Free Logo Generator Turbologo.com
- If you are building a website for business you need to begin thinking about creating a brand identity. An unforgettable logo could be just the start you need. You can create it free at Turbologo.com. They also provide generators for business cards and letterheads.
- FREE HTML Editor (Windows): NoteTab Light
- All the features of a commercial HTML editor.
- FREE Apache Server (Windows): IndigoAmpp
- Set up a real time server environment right on your PC. Test forms and scripts before uploading to your web space.
- Linux Users
- If like us, you've left the insane world of Microsoft Windows for the even worse experience of Linux, we recommend the BlueFish HTML editor. You'll find it in your software repository. It does have some QUIRKS, but it's FREE.
- For image resizing we've found the easiest Linux tool to be Krita.