Boot Camp

Web Authoring Boot Camp
allowed break points, like hyphens. If break-word is used, a word can be broken where
needed to fit the given space and prevent overflowing.
Rounded Corners
Border-radius adds curved corners to HTML elements without background images. You
need to add lines to incorporate for Safari /Chrome(-webkit), for Mozilla Firefox (-moz),
and Konqueror (khtml).
H1 span {
color: #990000;
padding: .5em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
Box Shadow
The box-shadow property adds shadows to HTML elements without extra markup or
background images.
#shadow {
-moz-box-shadow: 8px 8px 4px #777;
-webkit-box-shadow: 8px 8px 4px #777;
box-shadow: 8px 8px 4px #777;
}
Special Fonts
Most common fonts are used on the web because most computers have them preinstalled.
With CSS3, you can use unique fonts as they can be called from an internet-enabled location
such as the server your website is hosted. @font-face feature.
@font-face {
font-family: Frutiger;
src: url(‘http://example.com/fonts/ Frutiger.ttf’);
}
240