Scribd
Upload
15 views

CSS-Notes

Uploaded by

Amarsingh Singh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
15 views

CSS-Notes

Uploaded by

Amarsingh Singh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

How to use css

---------------
1. inline -- fast
2. external css --
3. embedded css -- head body

Selectors in css
-------------------

Primary Selector
-------------------
Syntax

Selector{
attribute:value;
}

Type Selector : h2 --> effect in all h2


h2{
color : red;
}

ID Selector :
--------------
#id{
color :red;
}

class Selector
---------------
.class Name{
color:red;
}

Relational Selector
-------------------

parent child : child Selector, it can access all child elements under specific
parent from
any level

ui li{

parent > child

width & height - defines width and height of element

color – defines the text color of an element.

bgcolor - defines background color

units - px % vh vw em rem define lengths, sizes, and measurements:


max-height max-width -----H/W

font-family – specifies the typeface or font to be used in an element.

font-size – controls the size of the text in an element.

line-height – sets the space between lines of text (leading).

text-align – aligns the text horizontally (left, right, center, justify).

padding – defines the space between the content and the element's border (inside
spacing).

margin – sets the space outside the element's border (outside spacing).

border – defines the style, width, and color of an element's border.

display – specifies how an element is displayed (block, inline, flex, grid, etc.).

position – sets how an element is positioned in the document flow

You might also like