0% found this document useful (0 votes)
74 views

Practical - 7

This document provides instructions for creating a web page using cascading style sheets (CSS) in ASP.NET. It includes designing the page with inline, internal, and external CSS. The source code adds CSS rules to style elements. The output view displays the styled content, demonstrating the use of the different CSS methods.

Uploaded by

Dharmik Barot
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
74 views

Practical - 7

This document provides instructions for creating a web page using cascading style sheets (CSS) in ASP.NET. It includes designing the page with inline, internal, and external CSS. The source code adds CSS rules to style elements. The output view displays the styled content, demonstrating the use of the different CSS methods.

Uploaded by

Dharmik Barot
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

196170316502

Practical: 7
Aim: create a web page using the concept of cascadingstvle sheetsin
asp.net.
(1) DESIGN VIEW:
DCS51-Miceatviual Saudio
LE EDIT vEW WESTE BUILD DERLG TEAM FORMAT TABLE TOOLS TEST ARCHITECTURE
AALYE Dow HELP Signin E
- 8 2. Google Cazme - Debug (Curent X P Nane daut- AE-L;

leStertas g X Soluticn Ealere *

*Inline CSS Ser Sold gm Exgioe (Cti P*

et
This is Inline Style Sheet
Internal CsS
This is Internal Style Sheet

*External CSS
This is Exterual Style Sheet

Desigr S Suute htd ytv

2) SOURCE PA E:
@ Page Language="VB" AutoEventhireup="false" CodeFile="CSSaspxvb"
Inherits="C$$" %
<IDOCTYPE html>

<html xnlns="http://www.w3.org/1999/xhtml">
<head runat="server">
196170316502

<title></title»
<style
body{background-color:#ccc;}
h2coloc:red;}
</style
<link rel="stylesheet" type="text/css" bref="stylesheet.esS"/>
</head
<body»
<div»

<h1>*Inline CSS«/h1>
<p style="tont-family:Arial; solor:blue; font-size : 25px; ">This
is Inline Style Sheet</p>

<h1>*Internal CSS</h1>
<h2>This is Internal Style Sheet</h2>
<h1>*External cSS</h1>
<h3This is External style Sheet</h3»

</div>
</body>
</html> (8)
CSS FILE:
h3 text
align:center;
color:Blue; font
size:20px; }

4) OUTPUTVIEW:
iscelhoat2246 Cas an *

C locahost174rgtrs.nspu

Inline CSS

This is Inline Style Sheet

"Internal CSss
This is Internal Style Sheet

External CSS
This is External Style Sheet

You might also like