新刊ピックアップ
スタイルシート超入門
スタイルシートは,
スタイルシートとは
Webページの表示内容は,
スタイルシートには
CSSレベル3も現在策定が進められており,
CSS3を試してみる
実際にCSS3を使ってみましょう。今回,
text-shadowプロパティは,
まず,
shadow.
1. <!DOCTYPE html>
2. <html lang="ja">
3. <head>
4. <meta charset="utf-8">
5. <link rel="stylesheet" type="text/css" href="style.css">
6. <title>CSS3のテスト</title>
7. </head>
8. <body>
9. <p class="shadow">影付きの文字</p>
10. </body>
11. </html>
5行目に,
まだCSSを記述していない段階で,
次に,
class属性が
style.
1. .shadow { color : #ff0000; font-size: 48px; text-shadow: 5px 2px 2px #ff9999; }
それでは,
CSS3をもっと活用しよう
最近のWebブラウザでは,
記事中で紹介した書籍
-
改訂新版スタイルシートポケットリファレンス[CSS3対応]
スタイルシート(CSS)の記述に必要な知識を体系立ててコンパクトに整理しました。もちろん最新のCSS3に対応。デザイン・クオリティの決め手となるスタイルシート――その...
関連記事
- 2012年10月第3週号 1位は,セマンティックでレスポンシブなナビゲーションアイコン,気になるネタは,Apple,iOS 6の“時計盗用”問題でスイス連邦鉄道と和解
- 2012年9月第4週号 1位は,レスポンシブな画像やビデオの扱い方,気になるネタは,iOS 6の隠れた目玉機能アクセスガイド
- 第35回 Appcelerator Cloud Servicesと連携するモバイルアプリの作成
- 2012年7月第1週号 1位は,便利で有用なCSS3のチュートリアル記事,気になるネタは,グーグル,新タブレットの「ネクサス7」を発表
- はたしてポケットに入るのか? 次世代Web標準技術・HTML5が定番のポケットリファレンスシリーズに新登場!