DEV Community

shubham mishra
shubham mishra

Posted on • Originally published at developerindian.com

Learn CSS - dev.to

How to Write CSS

If you familiar with HTML syntax will notice that CSS syntax looks a different in nature.
CSS is apply on HTML tags.Learning css is much easier.
There is multiple method to apply CSS in HTML,Instead of listing page content, CSS lists the style rules that are assigned to HTML elements,
CSS is apply on entire HTML document, or even multiple HTML documents.
These rules are processed by the web browser loading the HTML file.So you can say our bowser (chrome, Edge ,Mozilla ) contain compiler for CSS.
CSS Comments
Similarly with HTML, you can write comments in CSS. Comments are ignored by the browser and are useful in providing context and meaning and functionality notes for your code.
To comment in CSS, write /*, then your comment text, then end with */.

Why is CSS Used For in development ?

The CSS is provide design , animation and position to web application as we know CSS would look as graphic property as well. To illustrate, our HTML Element on website.

What is a CSS Selector?
Here i describe full explaination of CSS Selector.i.e CSS Selector.

What is CSS style declaration?
This means that still we have to use HTML to process element but there presentation manage by CSS.

CSS Syntex :
Selector { property : Value }

What is a CSS Style property?
A CSS property is a characteristic (like color, animation , position) whose connect value defines one aspect of how the browser compile and display the element after changes.

There are CSS properties are follow that you can use to style a html element :

  1. Float
  2. Clear
  3. Overflow
  4. Text-transform
  5. Z-index
  6. Font-size
  7. Background-color
  8. Width
  9. Height
  10. Border
  11. Padding
  12. Margins
  13. Font-family

Below is an example of a basic CSS that would print the words Hello World.



My CSS experiment



Hello World!


This is my first CSS example



Mandatory Tools you will need to install before work on Css or HTML and javascript.

  1. you will need a Pentium 200-MHz computer with a minimum of 128 MB of RAM.
  2. Linux 7.1 or Windows 95/98/2000/XP operating system.
  3. chrome browser.
  4. Microsoft Notepad or any other text editor or any tool like visual studio.

Top comments (0)