Scribd
Upload
81 views

CSS3

better understanding of CSS3 with HTML5. CSS3can also be used to modify the content on HTML pages .

Uploaded by

shiv_ryder
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
81 views

CSS3

better understanding of CSS3 with HTML5. CSS3can also be used to modify the content on HTML pages .

Uploaded by

shiv_ryder
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

CSS3(unexplored)

We can directly write the styles in html in the head tag with defined style tag as
described below or can create a .css file and can link it as
<link href="style1.css" rel="stylesheet" type="text/css"/>
The rel="stylesheet" and type="text/css" parts of the link tag tell the browser
what kind of file is being linked to,
and how the browser should handle the content.
font-size:
font size

keywords:
xx-small
x-small
small
medium
large
x-large
xx-large

font-weight:
bold or normal
font-style:
normal or italic
text-decoration:
none, underline, overline, or line-through
text-transform:
uppercase, lowercase
Example :
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: Verdana, Helvetica, Arial, sans-serif;
background-color: #0000;
line-height: 100%;
padding: 5px;
} changes the font of the body if we dont have webdings, alternate will be
chosen
h1 {
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
color:red;
font-size: x-large;
}
li {
font-size: small;
}
h2 {
color: blue;
font-size: medium;
AT&T Proprietary (Internal Use Only)
Not for use or disclosure outside the AT&T companies except under written
agreement

font-weight: normal;
}
div{
border:5px solid #dddddd; ( 5px width of border line #dddddd color)
padding:10px 10px; (height and width of box)
background:#cccccc; (background color)
width:300px; (area width)
border-radius:25px; (round edges)
box-shadow: 10px 15px 5px #888888; (for shadow effect, height and width
distance, shadown effect color )
} applied for elements in div tag
p{
font-weight: bold;
font-size: small;
color: navy;
} applied for elements in p tag
</style>
</head>
<body>
<div><p>The border-radius property allows you to add rounded corners to
elements.</p></div>
</body>
</html>

AT&T Proprietary (Internal Use Only)


Not for use or disclosure outside the AT&T companies except under written
agreement

You might also like