Web and Intranet - Elements of cascading style sheets

Web and Intranet module W702

Elements of cascading style sheets

Exercises, examples and other material relating to training module W702. This topic is presented on public course %xw%

Background

In order to apply cascading style to your document, you need to learn how to select parts of your document for the style to be applied, and you need to learn how to describe the style you wish to apply as well.

Related technical and longer articles

Solution Centre - all article listing
Solution Centre - all article listing
Introduction to Cascaded Style Sheets
Cascading Style Sheets - laying out your page
Cascading Style Sheets - putting it all together
Elements of Cascading Style Sheets

Articles and tips on this subject		updated
4037	Cascading Style Sheets and formatting your web page Cascading Style Sheets and formatting your web page The most basic way of setting attributes like boldness, colour of font, centering, etc, is to use tags diret within the HTML. It's quite striaghtforward to do - simply surround the text you want to be bold with <b> to </b> for bold, with something ...	2013-04-13
994	Training on Cascading Style Sheets There are certain technologies such as Cascading Style Sheets (CSS) that I describe as associated technologies - not our bread and butter training business, but never the less subjects that we need to know, quite well and with practical experience too, as part of our work. These technologies get peripheral ...	2010-12-29
1998	Text on a background image Denton Railway Station, at Night. Served by just one train a week ... A bustling area - a supermarket, warehouse / store, hotel, pub, car dealerships, pedestrian walkways and this desolate station ... that's what I found at Denton, near Manchester, on Wednesday night. And as well as words, ...	2009-01-16
1831	Text formating for HTML, with PHP Do you want "normal" text that's formatted in a fixed width font, with white spaces and tabs and new line characters to have a similar appearance on a browser? The default answer of you generate a page of HTML is "tough luck", as text defaults to a variable width font, lines are squished together with ...	2008-10-12
1677	CSS training - Cascading Style Sheets (UK course) It's Sunday ... and I've been teaching Cascading Style Sheets (or rather "I've been teaching a customer about cascading style sheets") ... one of our delegates for this week's PHP course asked me to spend a few hours going through CSS with him ahead of time. Here's an example ... using the "KISS" approach ...	2008-06-15
1019	span and div tags - a css comparison Both <span> and <div> tags allow you to set the style of your text - fonts, colours, weights, and so on. So what is the difference? A <span>span tag allows you to alter the presentation style within the current hierarchical block, whereas the <div> tag starts a new block for you. And what ...	2007-01-02
1017	css - handling white space and pre "Thank goodness for the <pre> tag" I used to say - for it give the ability to copy and paste plain text output into a web page and get content up on line very quickly. But alas, the tag is now rather 'old hat' and we're told that it really shouldn't be used - "these things should be done with styles. ...	2007-01-01
999	Cascading and the buses 1. Public transport services are operated around these parts by the First Group. 2. The 272 bus is operated by Faresaver. 3. Town buses in Melksham are run by Frome Minibuses. 4. If you see a white bus around, it will be the Seend Shuttle We cascade information in real life. My initial statement ...	2006-12-21

Examples from our training material

ddisp.html	block and inline display attributes
dfsr.html	relative font sizes using percentages
dheir.html	document heirarcy
dhs.css	style sheet applied to a heirarcy
dshello.html	different types of element selector
dte.css	flexibility in text styles
dtext.html	text demonstration of styles

Background information

Some modules are available for download as a sample of our material or under an Open Training Notes License for free download from [here].

Topics covered in this module

Standard elements.
Selectors - element, class, universal, ID and attribute.
Pseudoselectors.
Document structure and hierarcy.
Comments in CSS.
Values and Units.
Length and colour.
Font - families, faces, style, and size.
Text transformation, alignment, decoration and spacing.

Complete learning

If you are looking for a complete course and not just a information on a single subject, visit our Listing and schedule page.

Well House Consultants specialise in training courses in Ruby, Lua, Python, Perl, PHP, and MySQL. We run Private Courses throughout the UK (and beyond for longer courses), and Public Courses at our training centre in Melksham, Wiltshire, England. It's surprisingly cost effective to come on our public courses - even if you live in a different country or continent to us.

We have a technical library of over 700 books on the subjects on which we teach. These books are available for reference at our training centre.