Cascading Style Sheet

-



Cascading Style Sheet (C.S.S.)

Cascading Style Sheet – the cascading style sheet is a language for a webpage to style the webpage. The World Wide Web Consortium (w3C) created CSS.

CSS describes how Html elements are to be displayed on the screen, on paper, or in other media. CSS saves a lot of work.

It controls the layout of multiple WebPages all at once. CSS solved a big problem Html was never intended to contain tags for formatting a web page Html was created to describe the content of a web page like

<h1> this is a heading</h>

<p>this is a paragraph</p>

When tags like<font> and color attributes were added to the html3.2 specification,

It started a nightmare for web developers. Development of large websites, where fonts and color information were added to every single page, became a long and expensive process to solve this problem,

The World Wide Web Consortium (w3C) created CSS. The CSS removed the style format from the Html page.

There are two types of Cascading Style Sheet

1.      External Cascading Style Sheet

2.      Internal Cascading Style Sheet

The style definitions are normally saved in external.css

A Cascading Style Sheet file rule consists of a selector and declaration block

Cascading Style Sheet Syntax-

H1 {         // here h1 is selector

Color : blue; //color is property and blue is value of property

 Font-size: 12 px; // font size is property and 12 px is value of property

}

The selector points to the html element we want to style. The declaration block contains one or more declaration separated by semicolons. Each declaration includes a CSS property name and a value, separated by a colon. Multiple Cascading Style Sheet declarations are separated with semicolons and declaration blocks are surrounded by curly braces

The following image shows how CSS works in this way I created an external CSS file for an Html file or code this name is mystyle.css


Cascading style sheet in html


Cascading Style Sheet example— mystyle.css

Body {

Background color: blue;

}

H1 {

Color: navy;

Margin-left: 20px;

}

Cascading Style Sheet

1

And we create another Html file in which we apply the mystyle.css file externally way. The following image shows an external.html file.


what is cascading style




External.html --

<! Doctype html>

<html>

<head>

<link rel =”stylesheet” href=”mystyle.css”>

</head>

<h1>this is a heading</h1>

<p1>this is a paragraph</p1>

</body>

</html>

External Cascading Style Sheet

And the output when we run that external Html file whose content is mystyle.css externally the output shows in the web browser chrome like this image



cascade type explain


Internal Cascading Style Sheet

Internal CSS-- an internal cascading style sheet may be used if one single html page has a unique style the internal style is defined with in the <style> element, inside the head section.

Example-- internal Cascading style sheet are defined within the <style> element, inside the <head> section of an html page. 

Internal.html

<!doctype.html>

<html>

<head>

<style>

<body {

    Background-color: green;

    }

h1{

    color: blue;

    margin-left:40px;

   }

<\style>

<\head>

<\body>

<\html>

The output shows in the following image

Internal CSS

Internal CSS

Comments

Post a Comment

Popular posts from this blog

Computer introduction

-
Image
Computer Introduction The Nature have gifted human beings a powerful communication resource in the form of language to interchange ideas and communicate. Human being, using his excellent intelligence, developed computer, to manage and generate information, as per our requirements, in a systematic manner. Computer helps business organisation manage and allocate resources properly by aiding managers in decision-making process. managing an industry is almost as good as managing the information for control and decision making. Airlines and \Railway reservation system with database client-server architecture and real-time on -lie translation processing system has given us feel of betterment. In these days, our scientists is working on super quantum theory or method to developing a quantum computer also. The Quantum computing is the area of study focused on developing computer technology on the principles of quantum theory, which explains the nature and behavior of energy and...
Read more

Introduction of C ++ Language

-
Image
Introduction of c++                 C++ is a semi-object-oriented programming language. It was developed by Bjarne Stroustrup at AT & T Bell Laboratories in Murray Hill, New Jersey, USA, in early 1983. C++ is a superset of C. Most of what we already know about c applies to c++ also. Therefore, almost all C programs are also C++ programs. However, there are a few minor differences that will prevent a C program to run under a C++ compiler. The most important facilities that C++ adds to C are classes, inheritance, function overloading, and operator overloading. These features enable the creation of abstract data types, inherit properties from existing data types, and support Polymorphism, thereby making c++ a truly semi-object-oriented language.  The object-oriented features in C++ allow programmers to build large programs with clarity, extensibility, and ease of maintenance, incorporating the spirit and efficiency of C. the additio...
Read more