Software Development Beginner

CSS
Introduction

●​ CSS stands for Cascading Style Sheets and is used for styling and laying out web pages.
●​ CSS works in conjunction with HTML to create visually appealing and user-friendly
websites.
●​ CSS allows you to control the layout, colors, fonts, and other design elements of your
website, separate from the content (HTML).


CSS Selectors


●​ CSS selectors are used to select HTML elements that you want to style.
●​ There are several types of selectors, including:
1.​ Element Selectors: Select elements based on the HTML tag name. Example: p
selector will select all <p> elements.
2.​ Class Selectors: Select elements based on a class attribute. Example: .my-class
selector will select all elements with class my-class.
3.​ ID Selectors: Select elements based on an id attribute. Example: #my-id selector
will select the element with id my-id.
4.​ Attribute Selectors: Select elements based on an attribute and its value. Example:
a[href="https://www.example.com"] selector will select all <a> elements with a
href attribute equal to https://www.example.com.
5.​ Pseudo-class Selectors: Select elements based on a special state. Example:
a:hover selector will select an <a> element when the mouse is hovering over it.




CSS Properties
●​ CSS properties are used to control the visual presentation of HTML elements.
●​ There are several types of properties, including:
1.​ Text Properties: Control the text appearance, such as font size, font color, etc.
2.​ Box Properties: Control the box model, such as width, height, padding, margin,
etc.
3.​ Background Properties: Control the background appearance, such as background
color, background image, etc.