開発環境
- 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 コメント:
コメントを投稿