HUB OF TUTORIALS
  • Business
  • Digital Marketing
  • Technology
    • HTML
    • CSS
    • jQuery
    • WordPress
    • Core PHP
    • Mysql
    • JAVA
    • Projects
    • Photography
  • Recipes
  • Others
  • Write for Us
HUB OF TUTORIALS
  • Business
  • Digital Marketing
  • Technology
    • HTML
    • CSS
    • jQuery
    • WordPress
    • Core PHP
    • Mysql
    • JAVA
    • Projects
    • Photography
  • Recipes
  • Others
  • Write for Us
  • Business
  • Digital Marketing
  • Technology
    • HTML
    • CSS
    • jQuery
    • WordPress
    • Core PHP
    • Mysql
    • JAVA
    • Projects
    • Photography
  • Recipes
  • Others
  • Write for Us
HUB OF TUTORIALS
  • Business
  • Digital Marketing
  • Technology
    • HTML
    • CSS
    • jQuery
    • WordPress
    • Core PHP
    • Mysql
    • JAVA
    • Projects
    • Photography
  • Recipes
  • Others
  • Write for Us
CSSHTML

Cascading Stylesheet

Cascading Stylesheet is used to describe the style of HTML document.

CSS Example:-

h1{
text-align:center;
color:#fff;
}
p {
  font-size: 20px;
 font-family: arial;
 }

Types of CSS

  • Internal CSS
  • External CSS
  • Inline CSS

Internal CSS

Internal CSS is use between the section of <head>.. </head> with the <style> </style> tag.

Example:-

<html>
<head>
<title>Internal CSS</title>
<style>
p{
color:#fff;
font-size:20px;
text-align:center;
}
</style>
</head>
<body>
<p>Welcome to Hub of Tutorials</p>
</body>
</html>

External CSS

External CSS use with the link. HTML DOcument will be linked with the css file.

Example:-

document.html

<html>
<head>
<title>External CSS</title>
<link rel="stylesheet" type="text/css" href="external.css"/>
</head>
<body>
<p>Welcome to Hub of Tutorials</p>
</body>
</html>

external.css

p{
color:#fff;
font-size:20px;
text-align:center;
}

Inline CSS

Inline CSS use in any tag with the property of style.

Example:-

<html>
<head>
<title>Inline CSS</title>
</head>
<body>
<p style="color:#fff;font-size:20px;text-align:center;">Welcome to Hub of Tutorials</p>
</body>
</html>

You May Also Like:-How to Play Audio on Web Browser

You can check on Facebook

cascading style sheets css html style style css
CSS Property of List tag in HTMLPrevCSS Property of List tag in HTMLMarch 14, 2020
How to Make Mango Paneer DelightMarch 15, 2020How to Make Mango Paneer DelightNext

Comments (02)

  1. Pingback: How to Create Input Style with CSS - Hub of Tutorials
  2. Pingback: How to Create CSS Image Sprites - Hub of Tutorials
Search
Recent Posts
  • 10 Tools to Use for More Productive and Effective Writing
  • How Image to Text Tools Improve Student Performance
  • Top 10 Mobile App Development Companies in New York
  • Tips For College Students to Improve Efficiency
  • How To Create A Successful Digital Marketing Strategy
Categories
  • Business
  • Core PHP
  • CSS
  • Digital Marketing
  • HTML
  • JAVA
  • Jobs
  • jQuery
  • Mysql
  • News
  • Others
  • Photography
  • Projects
  • Recipes
  • WordPress

  • How to Create List in HTML
  • How to use Iframe in HTML
  • How to Create a Table in HTML and CSS
  • How to Add New HTML Content using jQuery
  • CSS Property of List tag in HTML
  • How to use CSS for Table in HTML
  • How to Make Basmati Rice Recipe
  • How to Make Indian Kheer Recipe
  • How to Make Spicy Aloo Tikki
  • How to Make Aloo Matar Samosa
  • How to Make Cheese Potato Sandwich
  • How to Make Aloo Palak Methi
  • Company Visitors Management System
  • Complaint Management System using PHP
  • Directory Management System
  • Employee Record Management System
  • Hospital Management System using PHP
  • Vehicle Parking Management System

Copyright © 2022 Hub of Tutorials. All Rights Reserved. Designed by AS Webworks