Scribd
Upload
29 views2 pages

CSS Styling Methods and Box Model

Uploaded by

sandip43215
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
29 views2 pages

CSS Styling Methods and Box Model

Uploaded by

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

1.

Mastering CSS: Inline, Internal, and External Stylesheets

Overview
Introduction to CSS styling methods.

Inline Styles
Adding CSS directly to HTML elements.

<p style="color: blue;">This is an inline style.</p>

Internal Stylesheets
Using the <style> tag within the <head>.

<style>
p {
color: blue;
}
</style>

External Stylesheets
Linking CSS files to HTML.

<link rel="stylesheet" href="styles.css">

2. CSS Typography: Fonts, Colors, and Developer Tools

Fonts
Types of fonts, font families, and custom fonts.

body {
font-family: Arial, sans-serif;
}

Colors
Using color names, hex codes, RGB, and HSL.

Developer Tools
Inspect and modify CSS live in the browser.

3. CSS Box Model

Box Model Properties


Content, padding, border, margin.
div {
padding: 10px;
border: 1px solid black;
margin: 10px;
}

You might also like