ケヴィンのなんかいろいろ

ハースストーンとかその他色々なことについて話すブログです

MENU

久々に考えを整理しつつCSSを弄りながら書く

最近色々やって来たつもりだけど、ほんとにこれで良いのかなあと凄く思う。僕がゲームしてる間に同級生はテスト勉強してる。僕がバイトしてる間に同い年は自力で商売して金稼いでる。僕がプログラミング勉強してる間に僕より年下の人がゲームを作ってインターン受けてる。去年まで意識よわよわマンだったから、今年に入って色々と意識高そうな人をフォローしてやる気を出そうと思ったんだけど、上には上が居すぎて、上との距離が長すぎて余計にやる気が落ちる無限ループ。他の人が気にならないくらい自分がやりたいことを見つけられれば良いんだけど、中々そんなものはないわけで。
とは言ってもやれることをするしかないので頑張ります。

あとCSS弄りながらって言ってもくっそしょーもないことしかしてないけどね。

やりたいこと

  • ヘッダーを作る
  • 要素を中央揃えにしたい

やった

こんな感じに

HTML

<div class="header-top">
    <ul>
        <li><a href="http://kvinnoiroiro.hatenablog.com/archive/category/Hearthstone">Hearthstone</a></li>
        <li><a href="http://kvinnoiroiro.hatenablog.com/archive/category/雑記">雑記</a></li>
        <li><a href="http://kvinnoiroiro.hatenablog.com/archive/category/これすき">これすき</a></li>
        <li><a href="http://kvinnoiroiro.hatenablog.com/archive/category/ゲーム全般">ゲーム全般</a></li>
    </ul>
</div>

CSS

.header-top {
 height: 50px;
 background: #000000;
 color: #ffffff;
 padding: 5px;
}
 
.header-top ul {
 margin: 0px auto;
 max-width: 50%;
}

.header-top li {
 list-style-type: none;
 float: left;
 margin: 10px 20px;
 font-size: 20px;
 text-align: center;
}

なんか

は色んなところで使われてて、それ弄ると色々変わったからheader-topを作って色々やった。

結局中央揃えできてないんですけど・・・。

色々参考にしながら色々書いてたんだけど、自分で何書いてるのかよくわからなくなってくるんつらい。
このくらいサクッと書けるようになりたいのお。

やりたいことが増えた

  • 見出しのスタイルを弄る
  • ちゃんと中央揃えする
  • 強くなる

頂点には成れないとしても、今できることで頑張るしか無いんよなあ・・・