Therefore, learning CSS is very important. In this tutorial, we will learn CSS from the ground up, learn about its history, until later we can create our own CSS.
Okay..
Then let's get started/
What is CSS?
CSS (Cascade Style Sheet) is a language to adjust the appearance of the web so that it looks more attractive and beautiful.
With CSS, we can set the layout (layout), colors, fonts, lines, backgrounds, animations, and others.
Example :
Without CSS, the Code Farmer website looks ugly and disorganized. Meanwhile, if you use CSS, it looks nicer and neater.
CSS History and Development
Before CSS, there was no language used to style documents (web). The web display feels bland and unorganized.
The initial idea of style sheets in browsers is not new. In 1990, Tim Berners-Lee created a web browser called NeXT browser/editor.
In this browser, we can create style sheets . However, it does not publish the style sheet syntax.
Then at the end, in date:
October 10, 1994
Håkon Wium Lie drafted a CSS language proposal and sent it to the www-talk and www-html mailists. 1
Håkon Wium Lie, 12 December 1995
November 1994
Wium Lie presented a draft CSS ( Cascading HTML Style Sheets ) language proposal at the Web Conference in Chicago.
The first person to respond to this proposal was Bert Boss. He was currently developing a browser called Argo. Then he decided to join Wium Lie to develop CSS.
April 1995
The CSS language draft was presented again at the WWW Conference. At this event, Wium Lie met directly with Bert Boss.
Bert Bos gave a presentation on CSS support on Argo and Wium Lie presented a demo of the Arena Browser which he had modified to support the use of CSS.
May 1995
The implementation of the CSS language has begun. This month a new mail list (group) called www-style was created. The Mai list is a place for discussion on CSS development.
December 17, 1996
The first version of CSS or CSS 1 is finally released.
May 1998
The second version of CSS or CSS 2 is released. In this version added media output support.
CSS Version Development
Since its initial release, CSS has had several versions:
- CSS 1 (1996): was the first version (17 December 1996)
- CSS 2 (1998): is the 2nd version (May 1998)
- CSS 2.1 (2011): released on 7 june 2011
- CSS 3 (2012): the version that is widely used today.
The basic syntax in each version is the same. It's just that there are some differences in properties. Some have been added, some have been removed or removed.
Example:
In CSS 2, we can't use the property animationbecause this property doesn't exist in version 2. It's in CSS 3.
CSS Learning Tips
There are a few tips I'd like to share to help you learn CSS:
Tip #1: How to Memorize CSS Code
There are hundreds of CSS properties to keep in mind.
Are we able to memorize everything?
Depends…
If you often type CSS code without copy- paste , it could be that your memory of CSS code or properties will be stronger.
I can't memorize all the CSS properties myself, but I do remember the ones that are used frequently.
If you don't remember, just google it or use Inspect Element.
Tip #2: Use Inspect Element
Inspect elements exist in every browser. Can be opened by right-clicking, then selecting Inspect Element .
In inspect element, we can write CSS code directly and we can see the result directly.
Inspect elements you can use as a place of experimentation.
So, instead of coding the CSS in a text editor. Coding just inspect element first. Later when it's finished, just copy and paste it into a text editor.
Tip #3: Use VS Code
In addition to coding the CSS in Inspect element, I recommend using the VS Code text editor .
Why?
Because the text editor supports CSS code very well.
For example, when we choose a color.. VS Code provides some suggestions as well as a visual appearance of the color.
Tip #4: Use Cheat Sheets
Cheat Sheet is a page that contains CSS code cheats.
Wait a minute…
Cheats?
Can I?
Yes, of course you can.
This is not a test. When we work later, we are also recommended to cheat from the Cheatsheet so that the work is finished faster.
You can search for CSS cheat sheets on Google with the keyword "CSS Cheat Sheet". There are lots of CSS Cheat Sheets there.
Please download, then print.
After that it can be pasted in front of the table or placed on the table.
Whenever we need a cheat, we can see it. ️
So, those are some CSS learning tips that you can try.
What is next?
Okay, we already know what CSS is and its history.
And know the correct CSS learning tips.
Next, please learn about:
How to Write CSS in HTML
Basic CSS Syntax to understand
Have a good study. ️*(BG)
Comments0