Scribd
Upload
15 views

CSS-Notes

Uploaded by

Amarsingh Singh
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
15 views

CSS-Notes

Uploaded by

Amarsingh Singh
Copyright
© © All Rights Reserved
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