Go Back

I am a level one heading

This is a paragraph of text. In the text is a span element and also a link.

This is the second paragraph. It contains an emphasized element.

CSS ELEMENT SELECTOR.

Id Selector

The id selector uses the id attribute of an HTML element to select a specific element.
The id of an element is unique within a page, so the id selector is used to select one unique element!
To select an element with a specific id, write a hash (#) character, followed by the id of the element.

Class Selector

The class selector selects HTML elements with a specific class attribute. To select elements with a specific class, write a period (.) character, followed by the class name.

and the other are the Universal Selector, Group Selector.


CSS Border Style

4 Different Border Styles (Dotted border, dashed border, solid border and a doubler border)

4 Different Border Styles (Groove border, ridge border, inset border, and an outset border)

CSS Shorthand Border Property

Left Border

Bottom Border

CSS Rounded Borders

Round border

Rounder border

Roundest border


CSS Margins And Paddings

This div element has a top margin of 5px, a right margin of 100px, a bottom margin of 50px, and a left margin of 200px.It has a top padding of 10px, a right padding of 10px, a bottom padding of 10px, and a left padding of 10px.


Demonstrating the Box Model And CSS Outline

The CSS box model is essentially a box that wraps around every HTML element. It consists of: borders, padding, margins, and the actual content.



CSS list-style-type Property

Example of unordered lists:

The list-style-type property specifies the type of list item marker.

Example of ordered lists:

  1. Grapes
  2. Banana
  3. Orange
  1. Grapes
  2. Banana
  3. Orange


CSS border table:

Firstname Lastname Address
Christelle Ann Badal Buhang, Bulusan, Sorsogon
Ceilo Gabotero Madlawon, Bulusan, Sorsogon
Rosalyn Torero Gate, Bulan, Sorsogon
Kyla Geul Bulan, Sorsogon
Jericho Fresnido Sta Magdalena, Bulusan, Sorsogon


CSS font-family

Times New Roman font.

Arial font.

Lucida Console font.

Georgia

Garamond

Verdana

Helvetica

Courier New

Monaco

Brush Script MT

Lucida Handwriting

Copperplate

Papyrus


CSS Hoverable Dropdown

Move the mouse over the text below to open the dropdown content.