Skip to main content

CSS - Cascading Style Sheet

CSS- Cascading Style Sheet


CSS is a set of rules (or formatting properties) that applies to a specific element in the web-page.
It is mainly used for formatting or designing the web-page contents.



CSS can be included in three different ways :-


  • Inline 
  • Embedded under HEAD tag
  • External Style-sheet

example:

1.INLINE

<html>
<head>
</head>
<body>
          <div class="abc">
             <p style="color:red;">Hello World</p>
          </div>
</body>
</html>

output:





2. Embedded under HEAD tag

<html>
<head>
         <style> 
             .abc
             {
                color:green;
             }
        </style>
</head>
<body>
          <div class="abc">
             Hello World
          </div>
</body>
</html>

output:




3. Stylesheet
<html>
<head>
          <link rel="stylesheet" href="stylesheet.css">
</head>
<body>
          <div class="abc">
             Hello World
          </div>
</body>
</html>

      External File:
      stylesheet.css
               .abc
               {
                  color:blue;
                  font-size:25px; 
               }

output:

Comments

Popular posts from this blog

Servlet and JSP

Dynamic websites using Java Framework  Earlier most of the dynamic websites were created using java framework like Servlet JSP But these methods of creating dynamic websites are quite outdated now. Servlet It is a java framework used to create dynamic websites. There could be many servlets handling different aspects of the websites. All these servlets are hosted on a servlet container. JSP - Java Server Page It is a java framework used to create dynamic websites. It is similar to servlet but there exists some differences like Servlet has html code into java code whereas JSP has java code into html

Meta - tag

<meta> The meta tag or metadata tag is a self-closing tag which provides data about data. It provides information to browser about the web-page like language of the page author of the page last modified time, etc Important attributes :- charset content name http-equiv ex : <meta name="author" content="avas27">