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 renders as emphasized text, displaying the text oblique?

<p>Web development courses: <em>CoursesWeb.net</em></p>

Which CSS property defines the space between the element border and its content?

margin padding position

h3 {
  padding: 2px 0.2em;
}

Click on the method which returns the first element that matches a specified group of selectors.

getElementsByName() querySelector() querySelectorAll()

// gets first Div with class="cls", and shows its content
var elm = document.querySelector("div.cls");
alert(elm.innerHTML);

Indicate the PHP variable that contains data from a form sent with method="post".

$_SESSION $_GET $_POST

if(isset($_POST["field"])) {
  echo $_POST["field"];
}

CSS Course - Free lessons

CSS Lessons

Daily Test with Code Example

HTML

CSS

JavaScript

PHP-MySQL

Last accessed pages

Popular pages this month