This course teaches you the basics of Cascading Style Sheets, or CSS as it's commonly abbreviated.
CSS is a simple standardized syntax that gives web designers extensive control over the presentation of their web pages and is an essential component of web design today.
All you need is a simple text editor such as Notepad and a web browser, e.g. Mozilla Firefox, which is free.

• Useful questions and answers on Forum HTML - CSS.

CSS Lessons

  1. Writing CSS code
    - Writing CSS code, Cascading Style Sheets. Learn about CSS rules, Selectors, Properties and Values.
  2. Creating style sheets
    - Creating style sheets in the HTML document and external css file, import style sheets, adds comments.
  3. Configuring Fonts
    - Configuring Fonts, setting font type, size and font style, setting multiple values in a property.
  4. Configuring Text
    - Configuring text, setting text properties, line and word spacing, letter spacing, text decoration, align, white space, shadow.
  5. Backgrounds
    - Setting Backgrounds to HTML elements, background image, background properties: color, position.
  6. CSS Box Model
    - CSS course - Box Model, content-box properties: margin, width, height, padding, Min and Max dimensions, overflow.
  7. CSS Border
    - Draw different line styles around elements with CSS border properties, sets border-color, border-style, border-width. Shorten the stylesheet code with border shorthand.
  8. CSS Outline
    - Make the HTML element "stand out" with CSS outline properties, sets outline-color, outline-style, outline-width, outline shorthand.
  9. Display and Visibility
    - Learn how to Display a HTML element: inline, block, or to hide its Visibility in the web page.
  10. Positioning
    - Use the CSS position property to set the position of HTML elements in the web page, fixed, absolute, relative, z-index.
  11. CSS Float and Clear
    - How to use the CSS float property to push the elements horizontally to the left or right. Use "clear" to stop the wrapping effect of the float.
  12. Pseudo-classes
    - How to use pseudo-classes to add special effects to some elements of the same selector or class. Various examples with pseudo-classes applied to selectors, classes and form fields.
  13. CSS3 Pseudo-classes
    - CSS lesson, Pseudo-Classes added in CSS3: nth-child(N), nth-of-type(N), last-child, root, empty, target, enabled, checked, and other pseudo-classes.
  14. CSS Pseudo-elements
    - Pseudo-elements (after, before, first-letter, first-line) to style certain aspects or parts of an element without introducing new markup or tags in the HTML document.
  15. Define Custom List-item Markers, Bullets for UL, OL Lists
    - How to Remove, or Define Custom List-item Markers / Bullets for UL and OL Lists. Examples with: list-style, list-style-image, list-style-type, and list-style-position.
  16. Cursor property - Custom Cursors
    - How to control and create Custom Cursors with CSS, use images for cursor appearance.

Daily Test with Code Example

Which attribute specifies the URL address where to send the form-data?
method action name
<form action="script.php" method="post"> ... </form>
Which CSS property can be used to break lines in the middle of words?
word-wrap line-height font-size
#id {
  width: 100px;
  word-wrap: break-word;
Which function sorts the elements of an array into alphabetical order, based on the string values?
pop() sort() shift()
var tutorials = ["php", "html", "css", "flash"];
alert(tutorials[0]);          // css
Indicate the function that returns the value of the last element into an array.
current() next() end()
$code = array(10=>"Perl", 20=>"PHP", 21=>"Python", 30=>"JavaScript");
$last = end($code);
echo $last;      // JavaScript
CSS Course - Free lessons

Last accessed pages

  1. Download PHP MySQL resources (1385)
  2. JQZoom Image Magnifier (1475)
  3. Get Attribute (ID, Class, Name, Title, Src) with jQuery (7107)
  4. jQuery UI draggable - Drag elements (2677)
  5. PHP-MySQL free course, online tutorials PHP MySQL code (7612)

Top accessed pages

  1. PHP-MySQL free course, online tutorials PHP MySQL code (7612)
  2. Courses Web: PHP-MySQL JavaScript Ajax HTML CSS Flash-AS3 (7394)
  3. Get Attribute (ID, Class, Name, Title, Src) with jQuery (7107)
  4. PHP Chat Script (6562)
  5. PHP PDO - exec (INSERT, UPDATE, DELETE) MySQL (6515)