辛夷坞

涧户寂无人,纷纷开且落

By - Christen

Great CSS: Level 1 Day 01

By: Mark Reese; Patrick Daly
Publisher: O'Reilly Media, Inc.
Pub. Date: December 25, 2009
ISBN-13: 063692000101-0
Running Time: 1 hour 35 minutes 12 seconds
Subscriber Rating: 3.9 out of 5 rating
Safari Books Online:Here
Overview

Great CSS: Level 1 will lay the foundation for getting started with CSS. Once you've finished the course you'll have all the tools you need to turn a plain website into a masterpiece1. Even beyond the basics you'll learn how professional web designers utilize2 CSS, honing3 in on some of the overlooked features that will make you fall in love CSS.
When you buy Great CSS: Level 1, you get access to an entire video library of lessons-including lessons that aren't available yet! Here's the scoop: we're continually adding new sections in Level 1 that take you further into CSS. We're also updating existing lessons and creating new ones in response to your questions, along with special "challenge lessons" that will test your skills. All of this is yours with Great CSS: Level 1.
You'll learn how to reference CSS from within HTML, how to add style efficiently and even how to get past some common hurdles4. We'll turn an unstyled web-page into a multi-column, beautiful layout all while adhering to the W3C guidelines of standards-based coding. On top of that, we'll make sure that our CSS is browser compatible and how to get around some of the painful IE6 bugs.
Aptana Studio
http://www.aptana.com/
Build web applications quickly and easily using the industry’s leading web application IDE. Aptana Studio harnesses the flexibility of Eclipse and focuses it into a powerful web development engine.
Reference Style In Your HTML

  • Inline Style
  • Internal Style Sheet
  • External Style Sheet

Fluid/Liquid Width Layout
There are four different layout types: fixed-width layouts, liquid (or fluid) layouts, elastic layouts, and hybrid layouts.

Fixed Width Layout:

.wrap{
    max-width: 960px;
    margin: 0 auto
}

MDN max-width
Create Two Columns Using float:

.main {
    float: left;
    width: 60%;
    margin-left: 5%
}
.aside {
    float: right;
    width: 25%;
    margin-left: 5%
}
  1. a work of art, a piece of writing or music etc that is of very high quality or that is the best that a particular artist, writer etc has produced.
  2. to use something for a particular purpose.
  3. to develop and improve something, especially a skill, over a period of time.
  4. a problem or difficulty that must be solved or dealt with before you can achieve something.

1 thought on “Great CSS: Level 1 Day 01

Christen October 1, 2016 at 7:07 pm

语法高亮和Markdown转义有时候存在冲突,贴代码要慎重。

Reply

Leave a Reply

Your email address will not be published.
*
*