What Is CSS? Learn Everything Completely
What Is CSS? Learn Everything Completely
Hello Guys! This time we will explain about CSS. But before discussing further What is CSS, you must first understand the basics of HTML, why is that? because both have a relationship that is mutually bound to one another.
CSS is an integral part of web design. With CSS we can change the appearance (front-end) or appearance of a web page. If a web page doesn't use CSS, it will look boring and unattractive. Okay, let's get straight to the discussion Cekidot!
What Is CSS?
CSS stands for "Casing Style Sheets" which is a simple design language intended to simplify the process of creating website pages and CSS is also a collection of program code used to design or beautify the appearance of HTML pages. With CSS we can change the design of text, colors, images and backgrounds of (almost) all HTML code tags.
CSS consists of style sheets that tell the browser how a document will be presented. New features on old web pages can be added with the help of style sheets. When using CSS, we don't need to write the font, color or size in every paragraph, or in every document. After we've created a style sheet, we can save the code just once and can come back to it when needed.
History of CSS
CSS was first proposed by Hakon Wium Lie on October 10, 1994. At that time, Lie was working with Tim Berners-Lee at CERN. Several other style sheet languages for the web were proposed around the same time, and were currently being discussed in a public forum. Eventually the World Wide Web Consortium produced the first W3C CSS Recommendation (CSS1), which was released in 1996. . Then W3C set CSS as a standard style sheet in making a website. The goal was to reduce the creation of new tags by Netscape and Internet Explore, because at that time the two browsers were competing to develop their own tags to set the web appearance. After CSS was standardized by the W3C, Internet Explorer and Netscape released their newest browsers which were at or at least close to the CSS standard.
CSS Development
CSS 1
On August 17, 1996 the World Wide Web Consortium (W3C) established CSS as the standard programming language in web creation. The goal is to reduce the creation of new tags by Netscape and Internet Explorer, because the two browsers are competing to develop their own tags to set the appearance of the web.
CSS 1 supports display settings in terms of:
1. Font (Thickness type).
2. Color, text, background and other elements.
3. Text attributes, such as spacing between lines, words and letters.
4. Position text, images, tables and other elements.
5. Margins, borders and padding.
CSS2
In 1998, the W3C refined the early stages of CSS by creating the CSS 2 standard, which remains the standard today. At this CSS 2 level, all the attributes of CSS 1 are included and expanded with an emphasis on International Accessibility and Capacity, especially media-specific CSS. CSS 2 was developed to meet the need for document formats to be displayed on printers.
CSS 3
CSS 3 is the latest version of CSS which is capable of doing many things in designing websites. CSS 3 can do animation on website pages, including color animation and 3D animation. With CSS 3 the designer makes it easier in terms of website compatibility on smartphones with the support of a new feature, namely media queries. In addition, there are many new features in CSS 3, namely: Multiple background, border-radius, drop-shadow, border-image, CSS-Math and CSS Object Model.
The latest features of CSS 3:
1. Animation, so that animation does not require programs like Adobe Flash and Microsoft Silverlight.
2. Several text effects, such as shaded text, newspaper column and “Word-Wrap”.
3. Several effects on the box, such as resizable boxes, 2D and 2D transformations, rounded corners and shadows.
Relationship between CSS and HTML
In HTML, there are standard facilities as written, but what if we have many pages on a site? this is where CSS is invited to join and work together. CSS is made separately, in the sense that a set of CSS code can be called or used in several web pages, so there is no need to bother setting up each page with its HTML code. The point is that even though HTML can also be made to adjust the appearance of the page, CSS will make it more practical. This does not mean that the HTML is less useful, in fact, to be accessible, you need HTML. Collaboration in building a more effective web, just like human cooperation.
CSS function
The main function of Casing Style Sheets or commonly called CSS is basically, it functions to design, shape, and change the appearance of the pages of a website. CSS can work and apply via HTML tags. With CSS, simple HTML tags can be changed so that the appearance of website pages becomes more attractive and efficient.
How CSS Works
CSS operates via the <style> tag with the color class attribute. With CSS in the HTML, setting the text color will be easier. When you want to change the text color, just type the <span> tag without having to rewrite the command. So we can conclude that CSS will save your time with efficient commands.
This can happen because CSS itself was developed to be able to change the appearance of website pages without having to change the content. If we return to the parable of humans and clothes in the previous point, with CSS you don't change the human form, but only change the clothes. That way to change and reprogram the appearance of the website can be done in a short time.
Advantages of CSS
1. CSS is very easy to learn and use
2. CSS separates Web/Blog Design and Content
3. Design arrangements can be made as efficiently as possible
4. Because one css can be used several times, it saves writing code
5. Shorten working time, both when creating and modifying Web/Blog pages
6. HTML file size is smaller, because CSS is usually stored in a separate file (External Stylesheet)
Lack
1. CSS is very time consuming because not all browsers interpret CSS syntax the same
2. Sometimes the design already looks neat in one browser, but when you try it in another browser it gets messy
3. These deficiencies can be overcome with special scripts (CSS Hack)
CSS Types
1. Internal CSS Styles
This style is loaded every time the website is refreshed, and the drawback is that it takes longer to load. The same CSS style cannot be used on other pages because it is already active on a page. But behind the shortcomings, Internal CSS Style has several advantages. One of them is the convenience in sharing templates for previews (preview) because CSS is only on one page.
2. External CSS Styles
External is the easiest and easiest CSS style. Everything is done externally in the .css file. Styling is done in a separate file, then applies the CSS to wherever you want the page. Unfortunately, CSS Style External also takes a long time to load.
3. Inline CSS Styles
Styles that use a specific element that contains a <style> tag. Since each component has to be stylized, Inline isn't the right method if you want to use CSS quickly. But on the other hand, it brings benefits. For example, if you want to change a single element, or quickly preview it, or you don't have access to the CSS file.
Conclusion
So What Is CSS? CSS is the Cascading Style Sheet language and is usually used to control the appearance of elements written in a markup language, such as HTML. Created and developed by the W3C (World Wide Web Consortium) in 1996. The latest version is CSS3. CSS has a close relationship with HTML. and its main function is to design, shape, and change the appearance of the pages of a website.
________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________ ________
So many articles What is CSS? Learn Everything, Completely. Look forward to other interesting articles and don't forget to share this article with your friends. Thank you
Resa Risyan
Just an ordinary person who wants to share a little knowledge, hopefully the knowledge I provide can be useful for all of us. Keep in mind! Useful knowledge is an investment in the afterlife.
Post a Comment