Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos in omnis quas, accusantium harum natus eveniet exercitationem. Eveniet, inventore. Dolores repudiandae deserunt atque magni hic facere eveniet, placeat reprehenderit laudantium!
- Lorem ipsum dolor, sit amet consectetur adipisicing elit. Pariatur, incidunt.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis rem enim ex! Asperiores, impedit animi!
Placeat non dicta delectus blanditiis impedit enim magnam maxime ab molestias iure quas amet odio saepe tenetur dolorum sapiente fugiat, mollitia aut, culpa odit alias voluptate minus voluptatem! Fugiat, soluta!
At tempora quod ad, ut assumenda voluptate explicabo modi sint harum nesciunt eligendi debitis exercitationem optio, dignissimos eos provident? Quae sunt odio facere modi exercitationem non provident nobis ducimus excepturi!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos in omnis quas, accusantium harum natus eveniet exercitationem. Eveniet, inventore. Dolores repudiandae deserunt atque magni hic facere eveniet, placeat reprehenderit laudantium!
Placeat non dicta delectus blanditiis impedit enim magnam maxime ab molestias iure quas amet odio saepe tenetur dolorum sapiente fugiat, mollitia aut, culpa odit alias voluptate minus voluptatem! Fugiat, soluta!
A tempora quod ad, ut assumenda voluptate explicabo modi sint harum nesciunt eligendi debitis exercitationem optio, dignissimos eos provident? Quae sunt odio facere modi exercitationem non provident nobis ducimus excepturi!
There are 3 ways to use CSS
- Inline CSS
- Internal CSS
- External CSS
Inline CSS
<button style="color:brown">Click Me!</button>
Internal CSS
In the head section of the HTML document as below:
<style>
button {
color: brown;
}
</style>
And then you can have a button like:
<button>Click Me!</button>
External CSS
In another file
button {
color: brown;
}
And it is imported into the HTML using a link tag
<link rel="stylesheet" href="main.css">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos in omnis quas, accusantium harum natus eveniet exercitationem. Eveniet, inventore. Dolores repudiandae deserunt atque magni hic facere eveniet, placeat reprehenderit laudantium!
Placeat non dicta delectus blanditiis impedit enim magnam maxime ab molestias iure quas amet odio saepe tenetur dolorum sapiente fugiat, mollitia aut, culpa odit alias voluptate minus voluptatem! Fugiat, soluta!
A tempora quod ad, ut assumenda voluptate explicabo modi sint harum nesciunt eligendi debitis exercitationem optio, dignissimos eos provident? Quae sunt odio facere modi exercitationem non provident nobis ducimus excepturi!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos in omnis quas, accusantium harum natus eveniet exercitationem. Eveniet, inventore. Dolores repudiandae deserunt atque magni hic facere eveniet, placeat reprehenderit laudantium!
Placeat non dicta delectus blanditiis impedit enim magnam maxime ab molestias iure quas amet odio saepe tenetur dolorum sapiente fugiat, mollitia aut, culpa odit alias voluptate minus voluptatem! Fugiat, soluta!
At tempora quod ad, ut assumenda voluptate explicabo modi sint harum nesciunt eligendi debitis exercitationem optio, dignissimos eos provident? Quae sunt odio facere modi exercitationem non provident nobis ducimus excepturi!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos in omnis quas, accusantium harum natus eveniet exercitationem. Eveniet, inventore. Dolores repudiandae deserunt atque magni hic facere eveniet, placeat reprehenderit laudantium!
Placeat non dicta delectus blanditiis impedit enim magnam maxime ab molestias iure quas amet odio saepe tenetur dolorum sapiente fugiat, mollitia aut, culpa odit alias voluptate minus voluptatem! Fugiat, soluta! At tempora quod ad, ut assumenda voluptate explicabo modi sint harum nesciunt eligendi debitis exercitationem optio, dignissimos eos provident? Quae sunt odio facere modi exercitationem non provident nobis ducimus excepturi!