CSS Tutorial: Introduction to Cascading Style Sheets

Email Us

info@yourdomain.com

Call Us

+01 3434320324

Find Us

234 Littleton Street

The Parameters

Are those values that must be specified in the attributes and vary depending on the attribute used. In the table below you can see how they can be expressed, and some of them are equivalent, they produce the same result in this case is up to you to decide which one to use according to your tastes, needs and habits.

Unit of measure:

I used the attribute font-size: example; with the values and the parameters reported in the result column.

Unit of measureDescriptionExampleResult
cmCmfont-size: 1cm;Result
mmMmfont-size: 7mm;Result
inInchfont-size: 0,25in;Result
ptPointsfont-size: 12pt;Result
pcPica(=12 points)font-size: 2pc;Result
pxPixelsfont-size: 25px;Result
emMon. letter mfont-size: 2,5em;Result
exCharacter height xfont-size: 3ex;Result
Back to the top page

Absolute values:

I used the attribute font-size: value; with the values and the parameters reported in the result column.

ValueSyntax descriptionResult
xx-smallfont-size: xx-small;Result
x-smallfont-size: x-small;Result
smallfont-size: small;Result
mediumfont-size: medium;Result
largefont-size: large;Result
x-largefont-size: x-large;Result
xx-largefont-size: xx-large;Result
Back to the top page

Values:

I used the attribute font-size: value; with the values and the parameters reported in the result column.

ValueSyntax descriptionResult
smallerfont-size: smaller;Result
largerfont-size: larger;Result
Back to the top page

Colors:

I used the attribute color: value; with the values and the parameters reported in the result column.

ValueSyntax descriptionResult
namecolor: greenResult
value of the hexadecimalcolor: #008000;Result
value RGBcolor: rgb(0,128,0);Result
percentage RGBcolor: rgb(0%,50%,0%);Result
Back to the top page

Positioning The Box

Attributes and Parameters to define and place a box, an example of a reference:

<div style=”position: absolute; left: 100px; top: 50px; z-index: 5;”> content </div>

with values and parameters shown in the table below.

AttributeParameterDescription
positionabsolutestaticrelatedThe way in which can be placed in a container (box).
leftcmmminptpcpxexemthe distance of the container from the left edge of the browser window.
topcmmminptpcpxexemthe distance of the container from the top edge of the browser window.
heightcmmminptpcpxexemThe height of the container when it is positioned in absolute mode.
widthcmmminptpcpxexemThe width of the container when it is positioned in absolute mode.
overflowvisiblehiddenscrollContent that exceeds the Width Height of the box container.
visibilityvisiblehiddenVisibility or less of a container (box).
Z-indexxx (positive numbers)The order of priority of display of a container (box).

Leave a Reply

Your email address will not be published.

Solve : *
6 + 29 =