DEPLOY FOR
Computing and Programming
Fundamentals
1
I BCA F
By
Dr. Revathy V R
Introduction to CSS
What is CSS?
•CSS (Cascading Style Sheets) is used to style and
layout web pages.
•It controls the design of HTML elements (e.g., colors,
fonts, spacing).
•Types of CSS:
•Inline CSS
•Internal CSS (within <style> tags)
•External CSS (in .css files).
CSS Syntax
•Selector { property: value; }
•Example:
css
h1 { color: blue; font-size: 24px; }
•Selectors:
•Element selectors (h1)
•Class selectors (.classname)
•ID selectors (#idname)
Basic Styling Properties
•Text Styling: color, font-family, font-size, text-align
•Box Model Basics: width, height, padding, margin, border
•Background: background-color, background-image
•Example:
css
p { background-color: yellow; padding: 10px; }

css basics for designs in html: introduction

  • 1.
    DEPLOY FOR Computing andProgramming Fundamentals 1 I BCA F By Dr. Revathy V R
  • 2.
  • 3.
    What is CSS? •CSS(Cascading Style Sheets) is used to style and layout web pages. •It controls the design of HTML elements (e.g., colors, fonts, spacing). •Types of CSS: •Inline CSS •Internal CSS (within <style> tags) •External CSS (in .css files).
  • 4.
    CSS Syntax •Selector {property: value; } •Example: css h1 { color: blue; font-size: 24px; } •Selectors: •Element selectors (h1) •Class selectors (.classname) •ID selectors (#idname)
  • 5.
    Basic Styling Properties •TextStyling: color, font-family, font-size, text-align •Box Model Basics: width, height, padding, margin, border •Background: background-color, background-image •Example: css p { background-color: yellow; padding: 10px; }