User:Ditto Creeper Bot/Template making 101

Beginner's guide to CSS
Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language. We can familiarize ourselves with some of the basic elements, Here we have are:-
 * The " (Speech marks that mark the start and the end of the styling).
 * The : (The Double Colon that we use instead of the equal sign, this specifies the value of something).
 * The (which mark the beginning and ending of all css alike).

There are several ways to start a template:
 * Either with This is a heading.

Written as This is a heading.

Box modules


 Written as



Borders
The border-style property specifies what kind of border to display.

The following values are allowed:

dotted - Defines a dotted border

dashed - Defines a dashed border

solid - Defines a solid border

double - Defines a double border

groove - Defines a 3D grooved border. The effect depends on the border-color value

ridge - Defines a 3D ridged border. The effect depends on the border-color value

inset - Defines a 3D inset border. The effect depends on the border-color value

outset - Defines a 3D outset border. The effect depends on the border-color value

none - Defines no border

hidden - Defines a hidden border

The border-style property can have from one to four values (for the top border, right border, bottom border, and the left border).

We would write it respectively like:-

dotted {border-style: dotted;}

dashed {border-style: dashed;}

solid {border-style: solid;}

double {border-style: double;}

groove {border-style: groove;}

ridge {border-style: ridge;}

inset {border-style: inset;}

outset {border-style: outset;}

none {border-style: none;}

hidden {border-style: hidden;}

mix {border-style: dotted dashed solid double;}  NOTE:USE THE SYNTAX INSIDE THE BRACKETS

Border Color

The border-color property is used to set the color of the four borders.

The color can be set by:

name - specify a color name, like "red"

Hex - specify a hex value, like "#ff0000"

RGB - specify a RGB value, like "rgb(255,0,0)"

transparent

The border-color property can have from one to four values (for the top border, right border, bottom border, and the left border).

If border-color is not set, it inherits the color of the element.

Let's try a solid border with a box module and the border of 5px length color blue and background color red.

We would write it as:



