Front-end Tutorials

Front-end Tutorials

HTMLCSSSassJavaScriptReactJS
CMS Tutorials

CMS Tutorials

WordPress
Tutorials expand

CSS Basic

CSS Introduction

Posted in CSS Tutorial
Updated on Dec 14, 2023
By Mari Selvan
πŸ‘οΈ 91 - Views
⏳ 4 mins
πŸ’¬ 1 Comment
CSS Introduction

Photo Credit to CodeToFun

πŸ€” What is CSS? #

CSS stands for Cascading Style Sheets and it is a language used to style and format HTML and XML documents.

It allows web developers to control the layout, typography, colors, and other visual aspects of a website or web application.

CSS provides a way to separate the presentation and content of a webpage, making it easier to maintain and update the design.

πŸ‘΄ Who is the Father of CSS?

HΓ₯kon Wium Lie is considered the "father of CSS" for his contributions in developing the language while working on the World Wide Web project at CERN in the early 1990s.

🎰 How CSS Works?

CSS works by providing rules that define how HTML elements should be displayed on a web page. These rules consist of selectors, which target specific HTML elements, and declarations, which specify the styles to be applied to those elements.

πŸ“– Is CSS Easy to Learn?

CSS can be relatively easy to learn for beginners, especially if they have a basic understanding of HTML. However, mastering CSS can take time and practice.

CSS Example

Let see the basic example of CSS.

demo.html
Copied
Copy To Clipboard
<!DOCTYPE html>
<html>
  <head>
    <title>My CSS Example</title>
    <style>
      body {
        background-color: lightblue;
      }

      h1 {
        color: white;
        text-align: center;
      }

      p {
        font-family: verdana;
        font-size: 20px;
      }
    </style>
  </head>
  <body>
    <h1>Welcome to My Website</h1>
    <p>This is a paragraph of text.</p>
  </body>
</html>

πŸ’° Is CSS a open-source?

Yes, CSS is an open standard and an integral part of the web platform, and as such, it is available for anyone to use and contribute to without any licensing or ownership restrictions. There are also many open-source CSS frameworks and libraries available, which can be used to create efficient and visually appealing web designs.

🀯 Fun Fact

Logo

Did you Know?

CSS can be used in conjunction with other web technologies such as JavaScript and SVG to create interactive and dynamic web pages.

πŸ‘¨β€πŸ’» Join our Community:

To get interesting news and instant updates on Front-End, Back-End, CMS and other Frameworks. Please Join the Telegram Channel:

Author

author
πŸ‘‹ Hey, I'm Mari Selvan

For over eight years, I worked as a full-stack web developer. Now, I have chosen my profession as a full-time blogger at codetofun.com.

Buy me a coffee to make codetofun.com free for everyone.

Buy me a Coffee

Share Your Findings to All

Subscribe
Notify of
guest
1 Comment
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Mari Selvan
Mari Selvan
11 months ago

If you have any doubts regarding this article (CSS Introduction) please comment here. I will help you immediately.

We make use of cookies to improve our user experience. By using this website, you agree with our Cookies Policy
AgreeCookie Policy