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

Which tag adds an image in web page?

<img src="http://coursesweb.net/imgs/webcourses.gif" width="191" height="63" alt="Courses-Web" />

Which of these CSS codes displays the text oblique?

font-style: italic; text-decoration: underline; font-weight: 500;

#id {
  font-style: italic;
}

Click on the jQuery function used to hide with animation a HTML element.

click() hide() show()

$(document).ready(function() {
  $(".a_class").click(function(){ $(this).hide("slow"); });
});

Click on the correctly defined function in PHP.

fname function() {} function fname() {} function $fname() {};

function fname($a, $b) {
  echo $a * $b;
}

CSS Course - Free lessons

CSS Lessons

Daily Test with Code Example

HTML

CSS

JavaScript

PHP-MySQL

Last accessed pages

Popular pages this month