CSS: Cascading Style Sheets
CSS is a stylesheet language used to style our HTML or XML documents. Using CSS we change the color, font and add borders to our HTML page. We mostly use every website in the world style using CSS to look better.
The styles and user views of a web page are designed by CSS. The color of the text, the font style, the spacing between paragraphs, animations, transitions, the size and arrangement of columns, the background pictures or colors used, layout designs, differences in display for various devices and screen sizes, and a variety of other effects can all be controlled using CSS.
Although CSS is simple to grasp and learn, it offers strong control over how an HTML document is presented. Once you comprehend the fundamentals of HTML and CSS, it will be simpler to understand associated technologies like javascript, PHP, or angular and react.
History of CSS
On October 10th, 1994, Hkon Wium Lie made the initial proposal for CSS. The lie was collaborating with Tim Berners-Lee at CERN at the time. Around the same time, a number of other style sheet languages for the web were proposed, and discussions on public mailing groups and within the World Wide Web Consortium led to the 1996 publication of the first W3C CSS Recommendation (CSS1).
The initial version of Cascading Style Sheets (CSS1) was released by the W3C as a recommendation on December 17, 1996. This edition explains the HTML tags as well as the CSS language and provides a straightforward visual formatting paradigm.
The CSS2 version, which expands upon the CSS1 version, became a W3C (World Wide Web Consortium) recommendation in May 1998. With this update, media-specific style sheets, such as those for printers and audio devices, downloaded fonts, element placement, and tables are all supported.
On April 12, 2016, CSS 2. 1, a modified version of CSS 2, was accepted as a W3C recommendation and currently we have CSS 4 version.
Example of CSS
<!DOCTYPE html>
<html>
<head>
<title> CSS introduction </title>
<style>
h1{
color : red;
}
</style>
</head>
<body>
<h1> Codeshruta </h1>
</body>
</html>
Above, an example is simply creating an HTML web page with the text Codeshruta in the h1 tag. In the head tag, we add a style tag to style our h1 tag and set the color red in h1 text. This is a CSS in which the font color changes the default to red.
Here we use CSS, which is called internal CSS to add CSS to our web page in three ways: Inline, internal and external. We will discuss more it in upcoming CSS blogs.
Why do we use CSS?
CSS is very time-efficient. Once CSS is created, it can be used repeatedly on other HTML sites. Each HTML element has a style that you can choose and use on as many different Web sites as you like. We speed up the load time faster than usual by using CSS.
You do not need to write HTML tag attributes every time CSS is being used. For each instance of a tag, only one CSS rule needs to be created and applied. So, quicker download times result from less code. Using CSS, we can easily maintain our website. To make a change that affects all elements across all web pages, just change the style.
Better styles to HTML, CSS provides a far wider range of properties than HTML, so you can give your HTML page a much better look than you can using HTML attributes. CSS enables Multi-Device Compatibility. Content can be tailored to a variety of devices thanks to style sheets. Different versions of a website can be displayed for handheld devices like PDAs and cell phones as well as for printing by using the same HTML content.
It is a web-wide standard. Attributes in HTML are now considered obsolete, and CSS is advised instead. In order to make HTML pages compatible with future browsers, it is a good idea to start incorporating CSS in all of them.
Final Words/Conclusion
Our upcoming complete CSS tutorial will help both students as well as professionals who want to make their websites or personal blogs more attractive. We will cover all the topics, like Basic word processing using any text editor, how to create directories and files, how to navigate through different directories, animation, and responsiveness concepts. If you don’t have knowledge about basic HTML, then please learn it before moving to CSS.
Thank you for reading!
Written by: Vipin
Ever heard about DevOps and how it is important for any software development?
Check this out DevOps.
Pingback: How to add CSS to a Web page — CodeShruta
Pingback: How To Write Css Code Syntax of CSS
Pingback: CSS background Properties — CodeShruta