Skip to main content

HTML & CSS

 





HTML & CSS:

                CSS Stands for “Cascading Style Sheet”. It was introduced in late 1996.

            CSS saves a lot of work and time.

With CSS, you can control the color, font, the size of text, the spacing between elements,  what background images or background colors are to be used, different displays for different devices and screen sizes, how elements are positioned and laid out, and much more!

 It is used to control the layout of various

            Web pages all at once.

Types of CSS:

            There are three types of the style sheet

1.      Inline styling

2.      Internal styling

3.      External styling

Inline Styling:

                An inline CSS is used to apply a style to a single HTML element.

An inline CSS uses the "style" attribute of an HTML element.

 

Example:

                Following are some examples of inline CSS.

1.         <h1 style="color:red;">A Red Heading</h1>

2.         <p style="color:green;">A Green paragraph.</p>

Internal Styling:

               

An internal CSS is defined in the <head> section of an HTML page, within a <style> element. Used to apply a style for a single HTML page.

Example:

The following example sets the text color of ALL the <h1> elements (on that page) to “silver” and the text color of ALL the <p> elements to red. In addition, the page will be displayed with a "powderBlue"

<html>

<head>

<style>

body {background-color: powderblue;}

h1   {color: selver;}

p    {color: red;}

</style>

</head>

<body>

 

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

 

</body>

</html>

External Styling:

            An external style sheet is defined in a separate file saved with “.css” extension.

            To use an external style sheet, add a link to it in the <head> section of each HTML page by using <link> tag.

It is useful when the style is applied to many web pages

Example:

           

 

<html>

<head>

                        <link rel=”stylesheet” type=”text/css” href=”mystyle.css”>

</head>

<body>

 

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

 

</body>

</html>

 

The file must not contain any HTML code and must be saved with a .css extension.

The external style sheet can be written in any text editor.

 

The "styles.css" file looks like:

 

"styles.css":

 

body {

 

  background-color: silver;

}

h1 {

  color: red;

}

p {

  color: blue;

}

Labels:

Comments

Post a Comment

Please do not enter any spam link in the comment box

Popular posts from this blog

HTML Headings

  Headings: Heading are used to display different type of headings. “<Hn>” is the opening tag of headings and the closing tag is “</Hn>” where “n” is the size of the heading. Its value is from 1 to 6 . 1 represents the largest size and 6 represents the smallest size. HTML headings are titles or captions that you need to show on a site page . Example: compose and html code that show the heading on a page           <HTML>           <BODY> <h1> Heading      2 </h1> < h2 > Heading 2 < /h2 > < h3 > Heading 3 < /h3 > < h4 > Heading 4 < /h4 > < h5 > Heading 5 < /h5 > < h6 > Heading 6 < /h6 > </HTML>           </BODY> Save file with “heading.html” Double click the file. The page will open as follows...
Post a Comment
Read more

​ Know what is Visual Basic? ​ ​Visual Basic Features​?

 ​ Know what is Visual Basic? ​ ​Visual Basic  Features​? History of Visual Basic: Today we will learn what is visual basic .net? Visual Basic (VB) is a programming language developed by Microsoft for its operating system Windows. It was developed in 1992 by a Microsoft company. Visual Basic is made from Basic (BASIC) language, The basic language is said to be easier to read than other languages. It supports rapid application development (RAD) of the graphical user interface (GUI). The final version was last released in 1998. Microsoft's support ended in March 2008, After this, Visual Basic DotNet ('VB.NET') was launched by Microsoft. Visual Basic is a tool used to create a Window Application. Visual Basic is an extension of the BASIC Programming language. You can develop your application through Mous. And simultaneously type the code through the keyboard which is Execute, Visual Basic (Visual Basic) Programming language has built-in code. Which the programmer can handle ea...
Post a Comment
Read more

Computer Network Architecture

Computer Network Architecture  PC Network Architecture is characterized as the physical and sensible plan of the product, equipment, conventions, and media of the transmission of information. Essentially we can say that how PCs are coordinated and how assignments are apportioned to the PC.  Types of network architectures are used: Peer-To-Peer network Client/Server network Peer-To-Peer network: A Peer-To-Peer network is an organization wherein every one of the PCs is connected along with equivalent advantages and obligations regarding preparing the information.  The Peer-To-Peer network is helpful for little conditions, generally up to 10 PCs.  The distributed organization has no devoted workers.  Extraordinary consents are appointed to every PC for sharing the assets, yet this can prompt an issue if the PC with the asset is down.  Computer Network Architecture  Computer Network Architecture is characterized as the physical and sensible plan of the pro...
Post a Comment
Read more