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 is a block element?

<div>Web Programming and Development</div>

Which CSS code displays the text underlined?

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

h2 {
  text-decoration: underline;
}

Click on the JavaScript function that can access other function after a specified time.

insertBefore() setTimeout() querySelector()

function someFunction() { alert("CoursesWeb.net"); }
setTimeout("someFunction()", 2000);

Click on the instruction that returns the number of items of a multidimensional array in PHP.

count($array) count($array, 1) strlen()

$food =["fruits" =>["banana", "apple"), "veggie" =>["collard", "pea"));
$nr_food = count($food, 1);
echo $nr_food;       // 6

CSS Course - Free lessons

CSS Lessons

Daily Test with Code Example

HTML

CSS

JavaScript

PHP-MySQL

Last accessed pages

Popular pages this month