Permalink
Browse files

Css3

  • Loading branch information...
1 parent b1cd53c commit a7aa407351ac5b2d3fc2c2ae1645200e2bb6ae3c @PeterHimschoot committed Oct 2, 2011
@@ -0,0 +1,25 @@
+<!DOCTYPE html >
+<html>
+<head>
+ <title>Embedding fonts using @font-face</title>
+ <style type="text/css">
+ @font-face
+ {
+ font-family: 'LeagueGothic';
+ src: url('http://u2upeter.blob.core.windows.net/$root/LeagueGothic.eot');
+ src: url('http://u2upeter.blob.core.windows.net/$root/LeagueGothic.eot?#iefix') format('eot'),
+ url('http://u2upeter.blob.core.windows.net/$root/LeagueGothic.woff') format('woff'),
+ url('http://u2upeter.blob.core.windows.net/$root/LeagueGothic.ttf') format('truetype');
+ }
+ h1 {
+ font-family: 'LeagueGothic';
+ }
+</style>
+</head>
+<body>
+ <h1>Special font</h1>
+</body>
+</html>
+
+
+
View
@@ -0,0 +1,32 @@
+<!DOCTYPE html >
+<html>
+<head>
+ <title>CSS3 selectors</title>
+ <!-- inline style for better readability -->
+ <style type="text/css">
+ #main
+ {
+ padding: 20px;
+ background: #00FF00;
+ }
+ a:nth-child(odd)
+ {
+ color: Black;
+ background-color: Green;
+ display: block;
+ }
+ a:nth-child(even)
+ {
+ color: Black;
+ background-color: Yellow;
+ display: block;
+ }
+ </style>
+</head>
+<body>
+ <div id="main">
+ <a href="">Link 1</a> <a href="">Link 2</a> <a href="">Link 3</a> <a href="">Link
+ 4</a>
+ </div>
+</body>
+</html>
@@ -0,0 +1,21 @@
+<!DOCTYPE html >
+<html >
+<head>
+ <title></title>
+ <!-- inline style for better readability -->
+ <style type="text/css">
+ p:first-child i
+ {
+ color: blue;
+ }
+ </style>
+</head>
+ <body>
+ <p>
+ I am a <i>strong</i> man. I am a <i>strong</i> man.</p>
+ <p>
+ I am a <i>strong</i> man. I am a <i>strong</i> man.</p>
+ <p>
+ </body>
+</body>
+</html>
Oops, something went wrong.

0 comments on commit a7aa407

Please sign in to comment.