0% found this document useful (0 votes)
241 views33 pagesCss Notes
Uploaded by
joeltomy456Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
0% found this document useful (0 votes)
241 views33 pagesCss Notes
Uploaded by
joeltomy456Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
/ 33
tag, like this:
| am red, so I'm
ee
#redfont { color:red } ima Computer Application - 11
Ygreentont { color:green }
STYLE>
HE
Nib ait tli i
And when you wish to use the ID later, use the ID=" * attr
[-
I am green, so there.
tags, If
you would like this effect to work across multiple pages, then you will want to
use an external style sheet, Well, suppose you would like to be able to use one
group of styles- but you want to use them on many pages at once
Open your text editor and create a new blank document. Now, type in just the
following information:
DIV { font-family:/Arial }
tedfont { color:red }
Now, save the file as “stylel.css” (You can use any name you wish, just
be sure you have the .css extention at the end).
= “stylesheet”
= "text/css”
eR 18.10 Computer Application = 1
all, for all output devices.
15.11. THE BOX PROPERTIES
45.11.1. WIDTH PROPERTY
The width property lets you define a width for a section of your page, such as
‘a few sentences of text. If you set the width at 100 pixels, the text will wrap to
the next line when it gets to a length of 100 pixels, much like a table
IDIV>
This section of text willbe 100 pixels lon
This will give you the following:
This section of text will be 100 pixels long
15.11.2, HEIGHT PROPERTY
The height property lets you give a section a specific height. If you set the
height at 100 pixels, it should cut off the text after reaching a vertical length of
100 pixels, right? Well, it does....but you won’t see it because by default
everything is visible......
|
This will
have a
height
of 100
pixels.
Here you have the height set at 100, but even with all the line breaks,
everything still shows up without a cut off:
15.11.3. OVERFLOW PROPERTY
aa 2 a property that lets us change what happens when something goes
‘yond our set width and height. The possible values are auto, scroll, hidde*
and visible. | am goin; e : w
tes ig to set it to “hidden”, i beyond
100 pixel cut off does not show up: ce nae
have a
height
of 100
pixels.
