開発環境
- macOS Sierra - Apple (OS)
- Emacs (Text Editor)
- Safari(Web browser)
Head First HTML and CSS (Elisabeth Robson(著)、Eric Freeman(著)、O'Reilly Media)の Chapter 8.(Styling with Fonts and Colors: Expanding Your Vocabulary)、SHARPEN YOUR PENCIL(No. 5663) を取り組んでみる。
SHARPEN YOUR PENCIL(No. 5663)
Our Elixir
Green Tea Cooler
Chock …
Rasberry Ice Concentration
Combining …
Blueberry Bliss Elixir
Blueberries …
Carnberry Antioxidant Blast
Wake …
コード(Emacs)
HTML5
<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="sample2.css"> </head> <body> <h1>Our Elixir</h1> <h2>Green Tea Cooler</h2> <p>Chock …</p> <h2>Rasberry Ice Concentration</h2> <p class="blue">Combining …</p> <h2>Blueberry Bliss Elixir</h2> <p class="purple">Blueberries …</p> <h2>Carnberry Antioxidant Blast</h2> <p>Wake …</p> </body> </html>
CSS(Stylesheet)
h1, h2 { font-family: sans-serif; } h1 { border-bottom: 1px solid black; } h2 { font-weight: normal } p { color: maroon; font-family: sans-serif; } .blue { color: blue; } .purple { color: purple; }
0 コメント:
コメントを投稿