如何使用Box大小

Question

我目前正在开设个人网站。我想要完成的是这样的...... http://gyazo.com/741e08b227cb1e65f985bdd6b707815c 然而，由于我是html，css和js的完全新手，我不知道如何编写代码。

我目前拥有的是......

HTML
<section id="app">
    <div>
        <h2>app</h2>
        <p>This is sample description <br> for an iOS application.</p>
        <img src="appicon.png">
    <div>
</section>

CSS
#app {
height: 100vh;
width: 100vw;
background-color: #28D9F9;}

此网站http://www.nothingmagical.com的布局与我想要达到的非常相似。从戳码到我知道他正在使用“盒子大小”来实现垂直和水平对齐。如果有人可以帮我编写代码，那就太好了。干杯！

Answer 1

阅读本文以了解有关盒子大小的更多信息：

http://www.w3schools.com/cssref/css3_pr_box-sizing.asp

http://css-tricks.com/box-sizing/