lecture13

lecture13 - PIC 40A Lecture 13: More CSS: Color,...

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,...

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