2015-02-03 3 views
-3

Я работаю сейчас на персональном сайте. То, что я хочу сделать, это что-то вроде этого ... 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 имеет очень похожий макет, который я хочу достичь. Из пробивания кодов я понимаю, что он использует «размер окна» для достижения вертикального и горизонтального выравнивания. Если кто-нибудь может мне помочь в этом, это будет здорово. Ура!

+1

Я понятия не имею, что вы пытаетесь достичь, но 'коробчатого sizing' имеет очень мало общего с выравнивание. – Quentin

+0

Непонятно, что вы хотите сделать. Пожалуйста, уточните больше или добавьте скрипку. –

+0

Если вы новичок в html/css, я бы рекомендовал читать учебные пособия, а затем получать обзор всех типов макетов (inline vs. block, floating, positioning, flexboxes) и т. Д. Вместо того, чтобы просить одну функцию за раз. Вы также можете искать stackoverflow для подобных вопросов, основы, вероятно, уже были покрыты. – the8472

ответ

Смежные вопросы