Introduction to CSS

CSS helps a lot when writing a website in HTML.

What is CSS?

  1. CSS stands for Cascading Style Sheets.
  2. CSS describes how HTML elements display on the screen and other media.
  3. CSS is very useful and convenient. It can control all pages on a website.
  4. The external stylesheet is stored as .CSS files.

Example of CSS - an HTML page with many different styles

Below is an example of an HTML page displayed with 4 different stylesheets.

Introduction to CSS Picture 1 Introduction to CSS Picture 2
Introduction to CSS Picture 3 Introduction to CSS Picture 4
Introduction to CSS Picture 5
An HTML page with four stylesheets and when not using a stylesheet

Why should CSS be used?

CSS is used to define styles for pages on your website, including design, layout, and display styles across multiple devices with different screen sizes.

CSS helps solve big problems of HTML

HTML does not have an element to format the web page. HTML is only used to create content for the page. When the element like and color attributes were added to HTML 3.2, the nightmare of web developers started. Developing a large website that adds font or color information to each page requires a lot of time.

To solve this problem, the World Wide Web Consortium (W3C) created CSS, eliminating style formatting from the HTML page. The definitions related to styles were included in the .css file and thanks to the file External stylesheet information, you can change the entire website with just a single file.

The following article: Syntax and Selector in CSS

5 ★ | 2 Vote

May be interested

  • 10 best free Udemy courses10 best free Udemy courses
    how do you choose the best udemy classes for free when there are more than 80,000 online courses to choose from? here are a few steps to take, if you are only interested in free courses
  • What is CSS? Introduction to CSSWhat is CSS? Introduction to CSS
    css stands for cascading style sheets, a simple design language that partly handles the look and feel of a website. css describes how html elements appear on screens and other media.
  • What Chromebooks have and can't do?What Chromebooks have and can't do?
    chromebooks are officially shipped and distributed around the world, but is this really a solution that works for customers.
  • How to Become a Web DeveloperHow to Become a Web Developer
    web development is a field that is expanding with the introduction of new technologies, such as apps on smartphones and tablets. the demand for people who are familiar with creating new apps and programs is very high.http://www.entrepren...
  • Introduction to Email technologyIntroduction to Email technology
    you depend on email and can't work without it. however, most users (except it professionals) still feel about email as something confusing and sometimes miraculous. you just need to write a message on
  • Panasonic is about to launch the world's lightest computerPanasonic is about to launch the world's lightest computer
    the weight of the device dropped to 1.88kg while the 15.6-inch screen computers currently on the market averaged 2.8 kg.
  • Top 100 free apps for Mac OS XTop 100 free apps for Mac OS X
    in the following article, tipsmake.com will share with you the list of top 100 most popular free apps for mac os x ...
  • PKI Tutorial - Part 2: DesignPKI Tutorial - Part 2: Design
    in the first part of this pki tutorial series, we have an overview of how to prepare and plan your pki. in this second part, we will continue the introduction with a little more technique. ch & uac
  • Introduction to HTMLIntroduction to HTML
    a few basic things to know about html before starting to learn this language.
  • Surf the web more safely with the BufferZone Pro applicationSurf the web more safely with the BufferZone Pro application
    for most computer users, there are still many mistakes in how to use and work every day. they think that if you don't access unhealthy websites, don't click strange, unclear links, or banner ads ... they won't be affected by malware.