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 an option from <select> selected?

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

<select name="a_name">
 <option value="val1">Option 1</option>
 <option value="val2" selected="selected">Option 2</option>
</select>

What CSS value allows to create color gradients for background?

contain repeat-x linear-gradient

#id {
  background: linear-gradient(top left, #1f1, #fff, #11f);
}

What statement creates an array in JavaScript?

[] {} new Object()

var arr = [1, "CoursesWeb.net", "MarPlo.net"];
alert(arr[2]);

Indicate the PHP function used to redirect to other page.

function() header() switch()

header("Location: http://coursesweb.net/");
exit;

CSS Course - Free lessons

CSS Lessons

Daily Test with Code Example

HTML

CSS

JavaScript

PHP-MySQL

Last accessed pages

Popular pages this month