Worldcup2002ya's List: CSS

CSS Introduction 2

Aug 19, 10

www.w3schools.com/...css_intro.asp
- CSS stands for Cascading Style Sheets
- CSS defines HOW HTML elements are to be displayed.
CSS Syntax 3

Aug 19, 10

www.w3schools.com/...css_syntax.asp
- A CSS rule has two main parts: a selector, and one or more declarations
- CSS declarations always ends with a semicolon, and declaration groups are surrounded by curly brackets:
- A CSS comment begins with "/*", and ends with "*/", like this:
1 more annotation...
CSS Id and Class 7

Aug 19, 10

www.w3schools.com/...css_id_class.asp
- T
  he id selector is used to specify a style for a single, unique element.
- The id selector uses the id attribute of the HTML element, and is defined with a "#".
- Do NOT start an ID name with a number!
- The class selector is used to specify a style for a group of elements.
- The class selector uses the HTML class attribute, and is defined with a "."
- In the example below, all p elements with class="center" will be center-aligned
- Do NOT start a class name with a number! This is only supported in Internet Explorer.
5 more annotations...
CSS How to 8

Aug 19, 10

www.w3schools.com/...css_howto.asp
- There are three ways of inserting a style sheet:
- An external style sheet is ideal when the style is applied to many pages.
- <head>
  <link rel="stylesheet" type="text/css" href="mystyle.css" />
  </head>
- Do not leave spaces between the property value and the units!
- <head>
  
  <style type="text/css">
  hr {color:sienna;}
  p {margin-left:20px;}
  body {background-image:url("images/back40.gif");}
  
  </style>
  </head>
- <p style="color:sienna;margin-left:20px">This is a paragraph.</p>
- If some properties have been set for the same selector in different style sheets, the values will be inherited from the more specific style sheet.
  
  重複的項目會被internal蓋過去
- Generally speaking we can say that all the styles will "cascade" into a new "virtual" style sheet by the following rules, where number four has the highest priority:
6 more annotations...
CSS Background 16

Aug 19, 10

www.w3schools.com/...css_background.asp
- background-color
  
  background-image
  
  background-repeat
  
  background-attachment
  
  background-position
- The background color of a page is defined in the body selector
- body {background-color:#b0c4de;}
- div {background-color:#b0c4de;}
- By default, the image is repeated so it covers the entire element.
- body {background-image:url('paper.gif');}
- body
  {
  background-image:url('gradient2.png');
  }
- background-repeat:repeat-x;
- When using a background image, use an image that does not disturb the text.
- background-repeat:no-repeat;
- We want to change the position of the image, so that it does not disturb the text too much
- background-position:right top;
- To shorten the code, it is also possible to specify all the properties in one single property. This is called a shorthand property.
- The shorthand property for background is simply "background":
- body {background:#ffffff url('img_tree.png') no-repeat right top;}
  
  終極!!!
- the order of the property values
14 more annotations...

1 - 5 of 5

20 items/page

List Comments (0)

List Info

Worldcup2002ya

5 items | 3 visits

Updated on Aug 19, 10
Created on Aug 19, 10

Category: Computers & Internet

URL:

Worldcup2002ya's List: CSS

CSS Introduction 2

CSS Syntax 3

CSS Id and Class 7

CSS How to 8

CSS Background 16

List Info