CSS Basics

CSS
December 17, 2024

CSS Structure

CSS stands for Cascading Styles Sheet

				
					h1{
    color: blue;
}

Working Within Inline Styles

				
					<p style = “color: magenta; _________” > blah blah blah </p>

Inside opening tag

Writing Internal Styles

				
					<style>
    p {
        color: magenta;
        font-size: 30px;
	}
</style>

Write in head element. Only exits in that page

External Styles the Best Way to Write Styles

Make app.css named file in same directory where you write all of CSS code in same place and if you change in one place the changes effects on all over webpages

				
					p {
    color: magenta;
    font-size: 30px;
}

And then link to the web page with this code

Rel mean relationship and href means link

				
					<link rel= “stylesheet” href=” app.css”>

Anatomy of CSS

				
					#hamburger-button {
    width: 30px;
    height: 50px;.
    border-radius: 20px;
    background: rgb(250, 25, 250);
    position: relative;
}