Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Adobe Dreamweaver CC
  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Related Books

Bookmark and Share

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for Educator.com

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

Using CSS3 & Proprietary Prefixes

  • Cascading style sheet CSS3 is the up and coming version of CSS that adds interesting properties that have not been available in the past
  • The standard for CSS3 is quite a ways out in terms of an official standard from the W3C, the standards setting organization for the web
  • CSS3 offers interesting effects such as drop shadows, gradients, rounded corners, column layouts, multiple backgrounds, transitions, RGBA or HSBA colors, to name a few
  • Some of these properties are being used in our Tranquil Travel website design
  • We can take a look at some of these properties and how they behave in both Live View and also in the actual browsers
  • CSS3 is not fully supported in all browsers so you must always test in your target browsers to be sure that your page will degrade gracefully, but that should be done for whatever you use on your pages
  • Some of these properties degrade gracefully in older browsers so they can be used immediately
  • Other CSS3 properties need what is known as proprietary prefixes in order to work in certain browsers
  • Examples of proprietary prefixes are -webkit- or -moz- or -o- or -ms-
  • Some CSS3 properties require the proprietary code for now in order to work in that specific browser, but once CSS3 is better supported and more of a standard, you will not need to add the proprietary code
  • In this course I am focusing on features of CSS3 that we can use today on our sites
  • CSS3 is a very exciting new version of CSS that will allow us to add new features to our websites that will be built into the browser, and some of these properties can be used right now on web pages

Using CSS3 & Proprietary Prefixes

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
  • Live View 0:57
  • Preview in Google Chrome 1:40
    • Gradient
    • Firefox
    • Safari
    • Internet Explorer 8
  • Code View 2:29
    • CSS 3 Properties
    • Prefixes
    • Testing Prefixes
    • MS Filter
    • Box Shadow Property
    • Firefox
    • Google Chrome
  • Proprietary Prefixes 6:29