DEV Community

omosehintemilade
omosehintemilade

Posted on

Intro to HTML,CSS & SCSS

Hey there, I'm writing this article to help others, especially beginners gain their ground in coding. So, if you are a beginner then this article is definitely for you. Now lets get started

What is HTML?;

HTML is an acronym for hypertext markup language. It allows the user to create and structure sections, paragraphs, headings, links, and blockquotes for web pages and applications.

HTML is not a programming language, meaning it doesn’t have the ability to create dynamic functionality. Instead, it makes it possible to organize and format documents, similarly to Microsoft Word.

And CSS?;

CSS stands for Cascading Style Sheets. CSS describes how HTML elements are to be displayed on screen, paper, or in other media
CSS saves a lot of work. It can control the layout of multiple web pages all at once

Now let's talk about SCSS;

you guessing that is also an acronym? yeah you are correct.
SCSS is also an acronym Sassy Cascading Style Sheets.

SCSS can be separated by a semicolon and run on the same line. SCSS is a preprocessor which lets you use features that aren’t a part of the wider CSS standard yet, and provides better workflows for maintaining your stylesheets.

With SCSS preprocessor, you can reduce the amount of times you repeat yourself and ensure you’re writing clean, maintainable code for the future.

SCSS is fully compatible with the syntax of CSS, while still supporting the full power of Sass.

SCSS is an extension of the syntax of CSS. This means that every valid CSS stylesheet is a valid SCSS file with the same meaning.

In addition, SCSS understands most CSS hacks and vendor-specific syntax, such as IE's old filter syntax. This syntax is enhanced with the Sass features described below. Files using this syntax have the .scss extension.

Dry (don't repeat yourself) code is much better then wet code (write every time). Let me tell you this, SCSS is not one of the basics of writing codes(the basics are HTML, CSS and Javascript) but just as I stated earlier, is a more advanced and powerful CSS that makes you add more styles to your CSS file.

I'm including SCSS in this post because learning SCSS is synonymous to forging a sword out of an iron rod. SCSS gives you more power and gives you an edge over a normal CSS file for multiple base files can be imported and accessed by the browser without having to make multiple request to the server while reading 2 or more CSS files. In other words, many CSS files can be combined in one SCSS file and processed by the server at once.

I hope with this few words of mine, I've been able to help you gain some knowledge on the basics of HTML. my next post will be on Javascript , one of the foundational basics of coding which is used to add functionality and dynamics to a webpage.

Talk to you later but until then, have a nice time.

Top comments (0)