lecture13

lecture13 - PIC 40A Lecture 13 More CSS Color Background...

Info iconThis preview shows pages 1–6. Sign up to view the full content.

View Full Document Right Arrow Icon
PIC 40A Lecture 13: More CSS: Color, Background, Font, and Text Properties
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
<span> and <div> • XHTML 1.1 tags • <span> is an inline element used to make a word or phrase in a line appear with a certain style • <div> is a block-level element used to apply style to a whole section of the XHTML document
Background image of page 2
Example using <span> In an XHTML 1.1 body element <p>Notice how this paragraph can be formatted in several different ways. <span class="highlight"> The beauty of CSS is that you can manipulate the text and color properties of a paragraph </span> . </p> In an external CSS file span.highlight { color: green; }
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Example using <div> In an XHTML 1.1 body element <div id="links"> <h1>About Me Links</h1> <ul> <li><a href="kcv.pdf">My Curriculum Vitae</a></li> <li><a href="kResearch.pdf">My Research Statement</a></li> </ul> <h1>Other Links</h1> <ul> <li><a href="http://www.ams.org">American Mathematical Society</a></li> </ul> </div> In an external CSS file div#links { position: absolute; left: 20em;}
Background image of page 4
Property Value Forms • Keyword values –e g large , medium , small , olive , bold , etc… – not case sensitive • Numeric values –e g 5 , -2 , 1.9 , -7.1 • Length values – eg absolute: 5in , 1cm , 10mm , 12pt (point), 1pc (pica) (1pc = 12pt = 12/72in) –e gr e l a t i v e
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Image of page 6
This is the end of the preview. Sign up to access the rest of the document.

Page1 / 19

lecture13 - PIC 40A Lecture 13 More CSS Color Background...

This preview shows document pages 1 - 6. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online