CSS Intro

Video is in Swedish

Introduction to CSS  

CSS (Cascading Style Sheets) is a styling language used to control the layout and appearance of web pages written in a markup language, such as HTML or XML. It is used to separate the presentation of a document from its structure, making it easier to maintain and update the design of a website.

What is CSS Used For?  

CSS is used for a variety of purposes, including:

• Layout: CSS allows you to control the layout of elements on a web page, such as positioning, sizing, and spacing.  

• Appearance: CSS can be used to change the appearance of elements, such as font styles, colors, and backgrounds.  

• Behavior: CSS can also be used to add interactive effects to a web page, such as hover effects or animations.  

How Does CSS Work?  

CSS works by associating style rules with HTML elements. A style rule consists of a selector (the element being styled) and one or more declarations (the styles being applied). For example:

p {
  color: blue;
  font-size: 18px;
}

This style rule targets all <p> elements on the page and applies two styles to them: a blue color and an 18-pixel font size.

Types of CSS  

There are several types of CSS, including:

• Inline Styles: These are styles applied directly to an HTML element using the style attribute.  

• Internal Styles: These are styles defined within an HTML document using the <style> tag.  

• External Styles: These are styles defined in a separate file and linked to an HTML document using the <link> tag.  

Why is CSS Important?  

CSS is important because it allows developers to create visually appealing and user-friendly web pages. It also makes it easier to maintain and update the design of a website, as changes can be made to a single style sheet rather than having to edit each individual HTML page.

In conclusion, CSS is a powerful tool for styling and designing web pages. Its ability to separate presentation from structure makes it an essential part of any web development project. Whether you’re building a simple blog or a complex e-commerce site, CSS can help you create a visually stunning and user-friendly experience for your users.

Video  

Sourcecode