Boot Camp

What’s Working?
HTML5 and CSS3
Opacity
Opacity is a method of making elements transparent in CSS 3. It is not supported in all
browsers. You can change the opacity of your elements so that they fade in and out. Here
is an example of how we would add 80% opacity to a div using additional lines to support
IE and Mozilla Firefox versions:
div {
opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
}
Multi-Column Layout
You can create multi-column layouts without having to use multiple divs. The browser interprets
the properties and create the columns, giving the text a newspaper-like flow. You
can define the number of columns (column-count), the width of each column (columnwidth)
and the gap between columns (column-gap). If column-count is not set, the browser
accommodates as many columns that fit in the available width. You need to add lines to
incorporate for Safari/Chrome (-webkit), for Mozilla Firefox (-moz), etc.
.index #content div {
-webkit-column-count : 4;
-webkit-column-gap : 15px;
-moz-column-count : 4;
-moz-column-gap : 15px;
}
To add a vertical separator between columns, use the column-rule property, which acts
like a border property:
div {column-rule: 1px solid #00000;}
Word Wrap
The word-wrap property is used to prevent long words from overflowing. It can have one
of two values: normal and break-word. The default normal value breaks words only at
239