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

HTML
CSS
JavaScript
PHP-MySQL
Which type of <input> creates input fields that should contain a numeric value?
type="text" type="number" type="date"
<input type="number" name="points" min="5" max="80" />
Which CSS property allows to change the transparency of an element?
font-style opacity color
#id {
  filter:alpha(opacity=40);    /* for IE */
  opacity:0.4;
}
Click on the function that formats a number to specified number of characters.
toPrecision() exp() toFixed()
var num = 12.34567;
alert( num.toPrecision(3) );       // 12.3
Which function randomizes the order of the elements into an array?
natsort() shuffle() sort()
$lang = array(10=>"PHP", 20=>"JavaScript", "site"=>"coursesweb.net");
shuffle($lang);
var_export($lang);     // array (0=>"coursesweb.net", 1=>"PHP", 2=>"JavaScript")
CSS Course - Free lessons

Last accessed pages

  1. $_GET, $_POST and $_REQUEST Variables (18585)
  2. Read Excel file data in PHP - PhpExcelReader (31772)
  3. Check and Validate input field when loses focus, with PHP via Ajax (2744)
  4. JavaScript code and PHP (11989)
  5. Get Mouse coordinates inside a Div or an Image (4768)

Top accessed pages

  1. Courses Web: PHP-MySQL JavaScript Ajax HTML CSS Flash-AS3 (41457)
  2. Read Excel file data in PHP - PhpExcelReader (31772)
  3. PHP-MySQL free course, online tutorials PHP MySQL code (31722)
  4. Get Attribute (ID, Class, Name, Title, Src) with jQuery (29002)
  5. PHP PDO - exec (INSERT, UPDATE, DELETE) MySQL (25979)