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

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!

The Syntax for a CSS Rule

  • We will take a look at the syntax for a CSS rule and learn about selectors, properties and values
  • Every CSS rule is virtually identical in syntax which makes it easy to remember
  • Each rule is comprised of selectors, properties and values
  • Open heading.html
    • Add the following text to the page: Tranquil Travel
    • With your cursor in the line of text, choose ctrl/cmd 1 to make it a heading 1 tag
    • Select code view
    • Move to the top of the web page directly under the title tag
    • Type the following code:
    • 	 <style>
      	 h1 {
      	 font: Cambria, "Hoefler Text", "Liberation Serif", Time, "Time New Roman", serif;
      	 color: green;
    • You can see how the first line of text is affected but not the second line
    • That is because it does not use the H1 tag
  • The selector goes before the first curly bracket
  • Between the brackets you list the properties followed by a colon
  • After the colon you list the values following by a semi-colon
  • That is the syntax for every CSS rule

The Syntax for a CSS Rule

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
  • Code View 0:56
    • <style>
    • Closing Tags
  • Creating Rule for Heading 1 2:51
    • Brackets
    • Selector
  • Adding a CSS Comment 4:13
    • Coding Tool Bar Apply Comment
  • Fonts 5:25
    • Color
    • Design View
  • CSS Rule Syntax Overview 6:40
    • Pre-Assigned Properties
  • CSS Designer 8:33
    • Selectors
    • Properties