CSS Tutorials

It is posible new CSS tutorials to be added soon.

Animation of HTML elements with CSS
- CSS tutorial, how to animate HTML elements with CSS animation properties. Code and examples.
Centering lines of Text, Block or Image
- Centering lines of texts, blocks, or images, center horizontally and vertically
Add text between two DIV tags
- CSS tutorial, how to add a text between two DIV tags, using position, and float
Styling link buttons using a Single Image and CSS
- CSS tutorial, about Styling link buttons with a Single Image and CSS, using background property
Creating Double Level Menu with CSS
- How to create a Double level Menu with HTML and CSS, vertical, and horizontal menu
CSS3 transition
- CSS3 transition, adding an animation effect when changing CSS property, gradually change from one style to another
CSS3 2D transforms
- CSS3 2D transforms, transform property, translate, rotate, scale, and skew
CSS3 opacity
- CSS3 opacity, sets transparency of an element in css, example opacity effect
CSS3 - text-shadow, word-wrap, text-overflow
- New CSS3 properties for text effects, text-shadow, word-wrap, and text-overflow
CSS3 - new Border properties
- CSS3 Tutorial, new properties for Borders, border-radius, box-shadow, border-image
CSS3 - new Background properties
- CSS3 Tutorial, new Background properties, background-size, background-origin, background-clip
Download CSS resources
- Free Download CSS resources, pdf ebooks, video courses and tutorials for learning CSS

Which attribute is used in <a> tag for the address of the link?

src href rel

<a href="http://coursesweb.net/" title="CoursesWeb.net">CoursesWeb.net</a>

Which CSS property sets the type of the text font?

font-family text-decoration font-size

h2 {
  font-family:"Calibri",sans-serif;
}

What instruction selects all the <div> tags with class="cls"?

querySelector("div.cls") getElementsByTagName("div") querySelectorAll("div.cls")

var elm_list = document.querySelectorAll("div.cls");
var nr_elms = elm_list.length;       // number of selected items
alert(nr_elms);

Indicate the function that can be used to get the sum of values in an array.

array_sum() array_diff() array_shift()

$arr =[1, 2, 3, 4);
$arr_sum = array_sum($arr);
echo $arr_sum;       // 10

Css Course