If you want to edit your website quick and easily, CSS is the way to accomplish that task. With CSS you can alter your website simply by changing the contents of one file. Change font attributes, paragraph structure and moany other site characteristics. CSS makes things easy and simple.
What is CSS?
CSS stands for Cascading Style Sheets. HTML is used to manage webpage content and cascading style sheet is used to manage the presentation.
CSs allows you to style your pages globally. CSS provides a set of formatting rules that contain the styling and formatting information.
The styles define how to display HTML elements and describe how a document should be presented on the Web.
Styles are usually saved in external .css files. External style sheets allow you to change the appearance and layout of all the pages in a Web site from a single file.
So let’s get started learning CSS.
CSS Spotlight Video
For addition Microsoft ColdFusion video tutorials see the video set below
To skip to next video click >, to move to previous video click <.
Cascading Style Sheet (CSS) Commands
General commands
background-color
Specifies background color. Hex value or color name or transparent.
background-image
Sets url of background image.
background-repeat
Sets repeat (default), repeat-x (repeats along the x-axis), repeat-y (repeats along y-axis) or no-repeat.
background Any or all of the above
Font-related commands
font-weight
Specifies the weight of the font. Values: Normal, bold, bolder, lighter, 100, 200,[...],900.
font-size
Specifies size of font, measured in pixels, points, ems, xms or xx-small, x-small, small, medium, large, x-large, xx-large.
font-family
Specifies which font to display. It's always wise to include standard Windows and Mac fonts here, to be sure that they display somewhat correctly in different browsers.
Specifies space between letters. Measurement (px, pt, %)
word-spacing
Specifies space between words. Measurement (px, pt, %)
color
Specifies color of text
Link-related commands
:hover
This is placed in your class or ID tag, for example a:hover, a.link:hover. Specifies which attributes to apply to selection when user moves his or her mouse moves over it.
:visited
Placed in the same way as :hover, specifies the color of visited links.
:active
Similar to the two above, specifies color of active link.
Box commands
border-width
Specifies width of border around your box. Measurement, thick, medium, thin.
border-color
Specifies color of your box.
border-style
Specifies style of border around your box. None, dotted, dashed, solid, double, groove, ridge, inset, outset.