New User Special Price Expires in

Let's log you in.

Sign in with Facebook


Don't have a StudySoup account? Create one here!


Create a StudySoup account

Be part of our community, it's free to join!

Sign up with Facebook


Create your account
By creating an account you agree to StudySoup's terms and conditions and privacy policy

Already have a StudySoup account? Login here

web design I test 4 chapter 10 Introducing CSS

by: Marjan Notetaker

web design I test 4 chapter 10 Introducing CSS EMDT2050C

Marketplace > University of Cincinnati > Electronic Media Technology > EMDT2050C > web design I test 4 chapter 10 Introducing CSS
Marjan Notetaker
GPA 3.75

Preview These Notes for FREE

Get a free preview of these Notes, just enter your email below.

Unlock Preview
Unlock Preview

Preview these materials now for free

Why put in your email? Get access to more of this material and other relevant free materials for your school

View Preview

About this Document

These notes cover and explain the content of chapter 10 : Introducing CSS
Web Design I
Eric Anderson
Class Notes
CSS, HTML, webdesign, Design
25 ?




Popular in Web Design I

Popular in Electronic Media Technology

This 2 page Class Notes was uploaded by Marjan Notetaker on Sunday October 9, 2016. The Class Notes belongs to EMDT2050C at University of Cincinnati taught by Eric Anderson in Fall 2016. Since its upload, it has received 13 views. For similar materials see Web Design I in Electronic Media Technology at University of Cincinnati.

Similar to EMDT2050C at UC

Popular in Electronic Media Technology


Reviews for web design I test 4 chapter 10 Introducing CSS


Report this Material


What is Karma?


Karma is the currency of StudySoup.

You can buy or earn more Karma at anytime and redeem it for class notes, study guides, flashcards, and more!

Date Created: 10/09/16
Chapter  10:  Introducing  CSS     CSS=  makes  website  more  attractive  looking.     à  creates  rules  that  specifies  how  the  content  of  an  element  should  appear.       1.   Understanding  CSS:  Thinking  inside  the  box.     à  key=  invisible  box  around  every  HTML  element.       Block  level  elements   In  line  elements   Start  on  a  new  line   Flow  within  the  text   àh1-­‐h6   Do  not  start  on  a  new  line   àp   à  b,  i   àdiv   à  img,  em,  span     Boxes:     •   width  &  height   •   borders  (color,  width  &style)   •   background  color  and  images   •   position  in  the  browser  window     Text:     •   typeface   •   size   •   color   •   italics,  bold,  uppercase,  lowercase,  small-­‐cap     Specific:     •   lists   •   tables   •   forms     2.   CSS  associates  style  rules  with  HTML  elements.     CSS  rule:  2  parts       à  selector  +  declaration.         P  {  font-­‐family:  trail;}   Selector=  which  element  the  rule  applies  to.     Declaration=  how  these  elements  in  the  selector  should  be  styled.       3.   CSS  properties  affect  how  elements  are  displayed.     Declaration:  2  parts     à  property  &  value.         P  {font-­‐family:  Arial;}   Property=  the  aspect  of  the  elements  that  you  want  to  change   Values=  specify  the  settings  you  want  to  choose  for  the  chosen  properties.           4.   Using  external  CSS   <link  href=”titlename”  type=”text/css”  rel  =”stylesheet”/>   à  use  css  file  in  HTML  file     5.   Using  internal  CSS   <style>   css  code   </style>       6.   CSS  selectors     à  case  sensitive     p.  238     7.   How  CSS  rules  cascade   Two  selectors:  the  last  one  will  change  the  website  instead  of  the  first  one.     Specify:  if  one  selector  is  more  specific,  this  one  will  change  on  website   !  important=  if  you  write  this  in  your  css  code,  the  program  will  know  that  this  one  is  very   important.         P  {  color:  blue;  !  important}     8.   Inheritance   Body  has  childs:  h1-­‐h6,  p,  ….   9.   Why  use  external  stylesheets?     Link:     •   less  code+  smaller  HTML  page   •   will  load  faster   •   one  edit(  page  itself)   •   HTML  code  easier  to  read  +  edit     <style>     in  <head>     </style>       10.  Different  versions  of  CSS  &  browser  Quirks   CSS1=  1996   CSS2=  1998   à  test  more  than  just  in  one  browser.  (,  p.  242)     Browser  quirk=  css  property  does  not  display  as  expected.  Also  known  as  CSS  bug.      


Buy Material

Are you sure you want to buy this material for

25 Karma

Buy Material

BOOM! Enjoy Your Free Notes!

We've added these Notes to your profile, click here to view them now.


You're already Subscribed!

Looks like you've already subscribed to StudySoup, you won't need to purchase another subscription to get this material. To access this material simply click 'View Full Document'

Why people love StudySoup

Bentley McCaw University of Florida

"I was shooting for a perfect 4.0 GPA this semester. Having StudySoup as a study aid was critical to helping me achieve my goal...and I nailed it!"

Anthony Lee UC Santa Barbara

"I bought an awesome study guide, which helped me get an A in my Math 34B class this quarter!"

Jim McGreen Ohio University

"Knowing I can count on the Elite Notetaker in my class allows me to focus on what the professor is saying instead of just scribbling notes the whole time and falling behind."

Parker Thompson 500 Startups

"It's a great way for students to improve their educational experience and it seemed like a product that everybody wants, so all the people participating are winning."

Become an Elite Notetaker and start selling your notes online!

Refund Policy


All subscriptions to StudySoup are paid in full at the time of subscribing. To change your credit card information or to cancel your subscription, go to "Edit Settings". All credit card information will be available there. If you should decide to cancel your subscription, it will continue to be valid until the next payment period, as all payments for the current period were made in advance. For special circumstances, please email


StudySoup has more than 1 million course-specific study resources to help students study smarter. If you’re having trouble finding what you’re looking for, our customer support team can help you find what you need! Feel free to contact them here:

Recurring Subscriptions: If you have canceled your recurring subscription on the day of renewal and have not downloaded any documents, you may request a refund by submitting an email to

Satisfaction Guarantee: If you’re not satisfied with your subscription, you can contact us for further help. Contact must be made within 3 business days of your subscription purchase and your refund request will be subject for review.

Please Note: Refunds can never be provided more than 30 days after the initial purchase date regardless of your activity on the site.