Inline CSS

Three Ways to write CSS code

There are three ways of inserting a style sheet:
(1.)External CSS
(2.)Internal CSS
(3.)Inline CSS

You can learn Internal CSS and External CSS in next chapters

Inline CSS

HTML style attribute is used to write inline CSS property and value.

Syntax

example:
<h1 style="color:blue;"> Hello World </h1>

Program

<!DOCTYPE html>
<html>
<body>

<p style="color:blue;font-size:30px;">This is paragraph. </p>
<p style="color:red;font-size:60px">This is a paragraph.</p>

</body>
</html>

Try in editor

Disadvantages of Inline CSS

These styles cannot be reused anywhere else.

It is not possible to style pseudo-codes and pseudo-classes with inline CSS.

Inline CSS does not provide browser cache advantages.

About Us

Comsysapp.com is an educational website. Students and software developers can learn programming language tutorials. Comsysapp is very useful for beginners and professional developers. Comsysapp provides tutorial in easy language. Comsysapp.com has focus on simplicity.

Services

Comsysapp.com provides free tutorials like c, html, css, etc. All tutorials are free for beginner and professionals.

Terms of Use

comsysapp.com is not responsible for any mistake. We are not responsible if information made available on our website is incomplete or invalid. But comsysapp.com always try for zero-zero mistake.

Privacy policy

comsysapp.com does not collect any data from users. We use Google AdSense advertising on our website. We never ask personal or private information.

Sitemap

sitemap