Learn the Basics of CSS for web development

Basics of CSS

Post author:Akash Jha
Post published:August 19, 2020

Basics of CSS, In this article you’ll learn about what is internal and external css.

Internal CSS

There are 3 ways to add CSS styles to the HTML document.

Inline style – giving a style attribute to HTML elements

Internal style – using the <style> element in the <head> section

External style – creating an external CSS file.

With internal style, each HTML file contains the CSS code needed for styling a page. You simply put the CSS code within the <head> </head> tags of each HTML file you want to style.

The changes you make will affect only one page. If you need to style more pages, you should make changes to them one by one.

Basics of HTML part 2: Click Here

External CSS

External style is widely used to apply general styles to the entire website. It refers to creating an external CSS file that includes all style information. You can create such kind of file with any text or HTML editor such as “Notepad” or “Sublime text” or “VS Code” the best editor.

A CSS file contains only CSS, and you just save it with the .css file extension. To link an external stylesheet to a web page you should use <link> tag inside the <head> section of HTML document.

Each web page should be linked to the stylesheet.

When using an external style sheet, all HTML files are linked to one CSS file resulting in a consistent look and feel. If you want to alter the style of the web pages, you only need to make corresponding changes in one .css file.

Example of creating an external style for an HTML document:

<head>

</head>

Learn CSS: Click here

Follow Me On Instagram : the_aakash_sky

Also Read: How to Write Abstract in Research Paper

Read Our Technical Research Papers Click Me