HTML is just an skeletal layout of a website.We need CSS to design a website, add styles to it and make it look beautiful
Introduction to CSS
HTML is just an skeletal layout of a website We need CSS to design a website, odd styles to it and make it look beautiful.
What is CSS
CSS stands for cascading style Sheets CSS is optional but it converts an off looking HTML page into a beautiful & responsive website
Installing VS Code
We will use Microsoft Visual Studio Code as a tool to edit our Code 'It is very powerful, free and customizable
Why Leaen Css!
Css is a very demanded skill in the world of development If you are successfully able to master CSS, you can customize your Website as per your liking.
Your first line of CSS
Create a css file inside your directory and add it to your HTML. Add the following line to your Css
Body {Background -color : Red ;}
This will make your page background as red.
HTML Refresher
HTML is a bunch of tags used to lay the structure of a page.
Download HTML notes as part of these notes for a detailed deep dive If you know basic HTML, continue !
Hello
<h3 style="color: red; text-align: center;"> Hello </h3>
Related Posts
CSS Selector
A Css Selector is usedto select an HTML elements for Style
body { color : Red ; <!-- Declaration (property: value) -->
background: pink ; <!-- Declaration -->
}
Element selector
it is user to select an element based off the tag name For Example
H2 { color:blue ; }
output
Coding with Viraj
Related Posts
Id selector
It os used to select an element with a given id For Example :
#viraj { color: White, background: black; }
# is used to target by ID
class selector
It os used to select an element with a given Class For Example :
.Chetan { color: White, background: black; }
. is used to target by Class
Important note
We can group selector For Example :
H1,H2,H3,Viraj { color: blue ; }
* can be used as a universal selector to select all the elements For Example :
* { margin: 0; padding : 0; }
* is used to all of website