L04-CSS - Session 4 CSS Session 4 Style Sheets(CSS 1...

Info icon This preview shows pages 1–5. Sign up to view the full content.

View Full Document Right Arrow Icon
Session 4 – CSS 9/19/2010 1 © Robert Kelly, 2001-2010 Session 4 Style Sheets (CSS) 1 Reading Reading - Style Sheet Tutorials www.htmldog.com/guides/cssbeginner/ - beginner’s guide www.westciv.com/style_master/academy/css_tutorial/index.html l d www.webreference.com/html/tutorials/ - Tutorials 5, 6, and 8 www.hotdesign.com/seybold/index.html For conversion of common HTML attributes to CSS www.dev-archive.net/articles/translate.html www.digital-web.com/tutorials/tutorial_2001-5.shtml www.digital-web.com/tutorials/tutorial_2002-06.shtml aamcf.co.uk/html/attr A great reference containing tables of CSS properties – and lots © Robert Kelly, 2001-2010 2 more http://www.blooberry.com/indexdot/css/index.html Another good reference http://home.tampabay.rr.com/bmerkey/cheatsheet.htm
Image of page 1

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

View Full Document Right Arrow Icon
Session 4 – CSS 9/19/2010 2 © Robert Kelly, 2001-2010 Lecture Objectives Understand the advantages of CSS style sheets in HTML documents Become familiar with the syntax of CSS Learn how to recognize styling in HTML that can be moved into a CSS style sheet © Robert Kelly, 2001-2010 3 Limitations of HTML Maintenance Site compatibility Quick change to a site look and feel User overrides Handled by other User Agents © Robert Kelly, 2001-2010 4
Image of page 2
Session 4 – CSS 9/19/2010 3 © Robert Kelly, 2001-2010 Styling in HTML html In pure HTML, viewing information is included in the HTML tag head body table table <td width=“20” bgColor=“#333399”> Styling is usually © Robert Kelly, 2001-2010 5 tr td tr td contained within the tag – and applies to that element Styling in HTML/CSS html With style sheets (CSS), styling information is contained within a style sheet head body table table td {color:#333399;} Styling is usually © Robert Kelly, 2001-2010 6 tr td tr td contained within a style sheet – and applies to any matching element
Image of page 3

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

View Full Document Right Arrow Icon
Session 4 – CSS 9/19/2010 4 © Robert Kelly, 2001-2010 What are Style Sheets? A way to separate the appearance of Web pages from the content of Web pages HTML should not contain information A recommendation of the W3C A way to standardize appearance for many pages in a Web site Contained within A f l ( h ff ) d
Image of page 4
Image of page 5
This is the end of the preview. Sign up to access the rest of the document.

{[ snackBarMessage ]}

What students are saying

  • Left Quote Icon

    As a current student on this bumpy collegiate pathway, I stumbled upon Course Hero, where I can find study resources for nearly all my courses, get online help from tutors 24/7, and even share my old projects, papers, and lecture notes with other students.

    Student Picture

    Kiran Temple University Fox School of Business ‘17, Course Hero Intern

  • Left Quote Icon

    I cannot even describe how much Course Hero helped me this summer. It’s truly become something I can always rely on and help me. In the end, I was not only able to survive summer classes, but I was able to thrive thanks to Course Hero.

    Student Picture

    Dana University of Pennsylvania ‘17, Course Hero Intern

  • Left Quote Icon

    The ability to access any university’s resources through Course Hero proved invaluable in my case. I was behind on Tulane coursework and actually used UCLA’s materials to help me move forward and get everything together on time.

    Student Picture

    Jill Tulane University ‘16, Course Hero Intern