CreateaFreeWebsite  with Responsive Web Design

General

 

9 Step Tutor

Inline Style Sheets

The inline style tag or attribute looks like this:
style=""

The tag is placed right in the code on the web page, thus inline.

Inline style sheets will override both linked and embedded settings.

Inline style sheets use the same construction method of selector and declaration explained in Style Sheets, without the curly brackets.

<selector style="attribute: value">paragraph</selector>

<p style="font-style: oblique; font-weight: 700">paragraph</p>

Altering Single Words and Phrases Within Other Elements

The <span></span>span tag can be used with inline style tags to alter words or phrases within h1-h6 elements, paragraphs, list items, tec..

<p>The desired information is found on <span STYLE="font-style:oblique; color: #ff0000">Page 1</span> of the manual.</p>

Inline Style Sheet Examples

They can be used with just about any web page element:

<p style="color: red"></p>
<h1 style="font-size: 18px"></h1>
<div style="background: #ffcccc"></div>
<blockquote style="margin: 1% 5%"></blockquote>
<img src="imagename" style="box-shadow: none">

 

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 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.