Unit-4-CSS.pdf - CP 202 Web Design Unit-4 Reaz Ahmed CSS...

This preview shows page 1 - 12 out of 36 pages.

CP 202 Web Design Unit-4 Reaz Ahmed
Image of page 1

Subscribe to view the full document.

CSS Cascaded Style Sheets CSS is used to Configure text Colors Page layout And a lot more… Like HTML, CSS is a W3C standard Latest is CSS level 3: CSS3
Image of page 2
Advantages of CSS Controlling typography (font, spacing, indents, margin) and page layout from location. Separation of Style from structure Style and HTML content can be modified independently Improved reusability Easier maintenance as documents become smaller
Image of page 3

Subscribe to view the full document.

CSS Demo https://
Image of page 4
CSS Configurations Four methods to incorporate CSS technology: 1. Inline Style 2. Embedded or Internal style 3. External style 4. Imported style Will discuss each of then in detail in the following slides.
Image of page 5

Subscribe to view the full document.

CSS Syntax CSS Style sheet Are composed of CSS rules CSS rule: Each css rule is composed of two parts: selector and declarations Selector: Can be an HTML tag name or a name you define Declaration: Each declaration lists A CSS property/style you are changing Followed by a value you are assigning to the property. Declaration List Declaration are separated by semi-colon (; ) And grouped in curly braces
Image of page 6
CSS Syntax CSS Style sheet Are composed of CSS rules CSS rule: Each css rule is composed of two parts: selector and declarations Selector: Can be an HTML tag name or a name you define Declaration: Each declaration lists A CSS property/style you are changing Followed by a value you are assigning to the property. Declaration List Declaration are separated by semi-colon (; ) And grouped in curly braces
Image of page 7

Subscribe to view the full document.

CSS Declaration Example All of the following CSS declarations are equivalent Changes font color to blue and background color to yellow
Image of page 8
Common CSS Proporties
Image of page 9

Subscribe to view the full document.

Common CSS Proporties
Image of page 10
CSS Colors Monitors use a mix of Red, Green and Blue colors to create any color shade Each color (RGB) can have a value 0 to 255 0 to FF (in hexadecimal)
Image of page 11

Subscribe to view the full document.

Image of page 12
  • Winter '16
  • BISHOP
  • Cascading Style Sheets

{[ 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