開発環境
- macOS Sierra - Apple (OS)
- Emacs (Text Editor)
- Safari(Web browser)
Head First HTML and CSS (Elisabeth Robson(著)、Eric Freeman(著)、O'Reilly Media)の Chapter 11.(Layout and Positioning: Arranging Elements)、SHARPEN YOUR PENCIL(No. 7772) を取り組んでみる。
SHARPEN YOUR PENCIL(No. 7772)
15 * 2 + 10 * 2 + 280 = 330
比較用
HTML5
<!doctype html> <html> <head> <link rel="stylesheet" href="sample3.css"> </head> <body> <div id="div1"> <div id="sidebar0"> sidebar </div> </div> <div id="div0"> 比較用 </div> </body> </html>
CSS(Stylesheet)
#sidebar0 { background: #efe5d0; font-size: 105%; padding: 15px; margin: 0px 10px 10px 10px; width: 280px; /* float: right */ } #div0 { width: 330px; background-color: red; text-align: center; }
0 コメント:
コメントを投稿