CSS Course

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.

CSS Lessons

Writing CSS code
- Writing CSS code, Cascading Style Sheets, css rules, Selectors, Properties and Values - CSS course
Creating style sheets
- Creating style sheets in the HTML document and external css file, import style sheets, adds comments
Configuring Fonts
- Configuring Fonts, setting font type, size and font style, setting multiple values in a property
Configuring Text
- Configuring text, setting text properties, line and word spacing, letter spacing, text align, white space
Backgrounds
- Setting Backgrounds to HTML elements, background image, background properties, color, position - CSS course
CSS Box Model
- CSS Box Model, content-box properties, margin, width, height, padding, Min and Max dimensions, overflow
CSS Border
- CSS Border properties for HTML elements. Sets border-color, border-style, border-width, border shorthand
CSS Outline
- CSS outline properties, sets outline-color, outline-style, outline-width, outline shorthand
Display and Visibility
- Tutorial, how to Display a HTML element, inline, block, or to hide its Visibility in the web page
Positioning
- Use the CSS position property to set the position of HTML elements in the web page, fixed, absolute, relative, z-index
CSS Float and Clear
- The CSS float property to push the elements to the left or right. Use clear to stop the wrapping effect of the float
Pseudo-classes
- How to use pseudo-classes to add special effects to some elements of the same selector or class
Pseudo-classes added in CSS3
- CSS lesson, Pseudo-Classes added in CSS3: nth-child(N), nth-of-type(N), last-child, root, empty, target, and other pseudo-classes
CSS Pseudo-elements
- CSS pseudo-elements to style certain aspects of an element without introducing new markup - CSS course
Define Custom List-item Markers, Bullets for UL, OL Lists
- Define Custom List-item markers, Bullets for UL and OL Lists, with css, list-style, list-style-image, list-style-type
CSS cursor property - Custom Cursors
- CSS cursor property, control and use Custom Cursors with CSS, images for cursor appearance
CSS3 Flexbox Container
- CSS3 Flexbox Tutorial, Container properties, code and examples, flex-direction, flex-wrap, flex-flow, justify-content, align-items, align-content
CSS3 Flexbox Item
- CSS3 Flexbox Tutorial, Item properties, code, test yourself and examples, flex-grow, flex-basis, flex-shrink, align-self
CSS Content
- CSS tutorial, how to use the CSS content property. Descriptions and code examples with its values

• Useful questions and answers on Forum HTML - CSS.

Daily Test with Code Example

HTML

CSS

JavaScript

PHP-MySQL

What attribute makes a radio button or checkbox input selected?

checked="checked" selected="selected" disabled="disabled"

<input type="checkbox" name="a_name" value="value" checked="checked" />

What CSS value scales the background image to the largest size contained within the element?

repeat-x contain linear-gradient

#id {
  background:url("path_to_image.png");
  background-size:contain;
  background-repeat:no-repeat;
}

What operator is used to determine the rest of the division of two numbers?

% * /

var rest8_7 = 8 % 7;
alert(rest8_7);

Indicate the PHP function that rounds a number up to the next highest integer.

floor() ceil() abs()

$nr = ceil(3.5);
echo $nr;        // 4

CSS Course - Free lessons

CSS Lessons

Daily Test with Code Example

HTML

CSS

JavaScript

PHP-MySQL

Last accessed pages

Popular pages this month