css simply means cascading style sheets.
there are two selectors in css and they are THE id and the class.
Selectors are:
Id(#)
Class(.)
Syntax
Body{background-color: red;}
If the tag in the html is given a selector ,when styling in css you will have to start from the name given to that selector .if the selector is a class you would style starting with “.”.
however , if the the selector is an id you will have to start from “#”.
SYNTAX:
Html:
<Div class=”container”></div>.the css syntax would Be Css:.container{}.
The only difference between the class and id selector I that the class start starts with the full stop sign when styling while the id selector starts with the hashtag sign.How to Save You save with the .css extension e.g index.html, style.css and so On Types OF Css There are three main types of css and these are:Internal css: this is usually used in the style tag or in the “.css extension” which is <style></style>Inline css: This is a type of css that is usually used in a tag which is in the html .e.g<p>Style=”properties: values;”</p>External css: usually a new document that is saved with the “.css extension”<link rel=”stylesheets” href=”style.css”CSS PROPERTIES AND VALUESthese are like commands that gives the html code more meaningproperties valuesbackgroundColor,position,clip,attachmentborderWidth,style,color,radiusFont-sizeNormal,italic,obliquepaddingTop,left,right,bottomheightAuto,lengthwidthAuto,lengthdisplayNone,inline,block,inline-table,table-cell aaaa marginTop,
right,bottom,left.All these and many more are the various examples of css properties and values.
CSS BOX Models
There are four key areas in css box models :Content: this is where all items like text and image are placed usually in a box.Padding: this is the space between the content and the border element.Border: this the line usually round a content which can be thick or thin, it can be controlled using ; border width,style and color.Margins.Box model explains how elements o a webpage are arranged.all content are usually in a box.
