HTML5とCSS3を使って作成したWEBページ(Joyの動物百科≪犬編≫)のスタイルシートです。
≪注意≫正しく学びたい方は読まないでください。自分勝手な都合の良い解説です。
使ったスタイルシート
@charset "UTF-8"; .zen { width: 960px; margin: 0 auto; } .hidari { width: 216px; vertical-align: top; padding: 4px; float: left; } .main { width: 718px; vertical-align: top; padding: 8px; margin-bottom: 5px; float: left; border: solid 1px #ddd; } .clr { clear: both; } .sita,.syasindai { text-align: center; } .cell { list-style: none; padding-left: 5px; float: left; display: cell; } .cell li a { display: block; padding: 3px; text-decoration: none; color: #333; } .cell li a:hover { background: #fbb; color: #f00; } .cell li.now { background: #fdd; } .cell#fl { position: fixed !important; position: absolute; top: 220px; }