読者です 読者をやめる 読者になる 読者になる

RAZONA日誌

razonaに入社して正社員になるまでの間、日誌をつけることになりました。

razona入社13日目

目次

 

あけましておめでとうございます。

お年玉をあげる歳になってしまいました。ノスケです。

年明け最初の更新となります!今日も色々書いていこうと思います。

 

中央寄せってむずかしい

今日も、課題の続きをしていると(実案件のため画像は載せられません)

中央寄せの壁にぶち当たりました。

要素を中央に寄せるには色々方法があります。

それを知っていなければ、うまく中央に寄ってくれないようです。

色々調べてみました。

 

インライン要素を中央に寄せたい場合

text-align : center

 

ブロック要素を中央に寄せたい場合

margin : 0 auto

 

他にも色々ありますが、よく使うのがこの2つです。

まず、僕はインライン要素ブロック要素の種類を覚えなくては・・・

 

ブロック要素一覧

<address> <blockquote> <center> <dir> <div>
<dl> <fieldset> <form> <h1>~<h6> <hr>
<isindex> <menu> <noframes> <noscript> <ol>
<p> <pre> <table> <ul>

 

 

インライン要素一覧

<a> <abbr> <acronym> <applet> <b>
<basefont> <bdo> <big> <br> <button>
<cite> <code> <dfn> <em> <font>
<i> <iframe> <img> <input> <kbd>
<label> <map> <object> <q> <s>
<samp> <script> <select> <small> <span>
<strike> <strong> <sub> <sup> <textarea>
<tt> <u> <var>  

 

 

結構覚えることが多いです。

小学校の頃がんばって覚えた、かけ算九九を思い出しました。

 

vartical-align 

もう一つ覚えたプロパティがあったので書いていきます。

vartical-alignというプロパティです。

このプロパティは行の中でのテキストや画像などの

縦方向の揃え位置を指定するときに使います。

 

        お知らせ

1月1日  あああああああああああああああ

 

     あああああああああああああああ

1月2日  あああああああああああああああ

 

1月3日  あああああああああああああああ

 

↑↑例えばこれ

1月2日の所を上に合わせたい時に使います

(説明下手くそですみません)

 

最後に

今日は中央寄せについて調べすぎて

顔のパーツが中央に寄ってきた気がします。

今の課題の進行度は20%くらいです。

毎日のように壁にぶち当たってしまって、

進み具合は遅いですが、

壁にぶち当たるたびに成長できている気がします。

 

今日はこの辺で!以上ノスケでした。