"CHANGE" [the:world]

34才高卒男が開発エンジニアになるための記録

HTMLとCSSでサイト作ってみた(3)

こんにち

前記事と同日に書く記事だが、

文章が長くなりそうなので改めてかく

html記述よりも、cssの方がどはまりしそう(良い意味でも悪い意味でも)なので、まとめてみる

phpの中にcssは書けないものか?と色々試行錯誤していたのだがdivとspanで普通に書けた,,どちらもなんどもトライしたのだが、変更がなかったのは前記事で前述した

キャッシュの残存によりcssの最新変更内容が

反映されないとゆうエラーに他ならない

divとspanの学習に関して、以下のサイト様を

参考にさせていただく

First step CSS - Section 4

 

<DIV> と <SPAN> は文書中での役割をもたない,ただ“範囲を指定する”だけの要素である。したがって,いずれも“ここから~ここまで”の形で使われる。

 ほほうほう。

 <DIV> と <SPAN> は,ほかの要素と同じく STYLE 属性を持ち,スタイルを範囲に適用する。

 使い方は,“範囲指定”しか表さないことをのぞけばほかの要素とまったく同様である。

なるほど。

 ひじょうに簡単にいってしまえば,<DIV> と <SPAN> の違い,前後に改行を伴うか,伴わないかである。

 

承知しました!

自分で全くまとめずすみません、詳しいことは

また作りながらまとめていこうかと!w

要は、HTML分において、特別な役割は持たないが

範囲指定をして、cssでスタイルを適用できるよ!

ってことですね。

 

今回は、メールカウンタの「あなたは○○人目の来客者です」、の○○部分を変更したかったのと、文字を中央揃えにしたかったので、<div>を

使用してtext-alignで中央揃えにしたのですが、

ある事情で今回は<span>タグで中央揃え&文字色変更をしようと思ったのですがどうやら検索しても基本的にできないとのこと。

しかし、下記のサイトでやり方を発見しました。

detail.chiebukuro.yahoo.co.jp

どうしてもspanを使いたいのであれば、
<span style="display: block; text-align: ○;">

○部分はleft.center,rightなど

 

とすることでspanでも

文字の中央揃えができるようで、実際のところ
無事に中央揃え&色付けすることができました!
CSSは情報のソースが多いので、欲しい情報がネットから拾って来れるというのも
非常に大きいですね

こうなってくるとHTMLとCSSにもはまってしまいそうだな、、
てか、phpでデータベース使って会員機能+写真投稿機能
入れたいなあ,,でも一から作ったらだいぶ時間かかるだろうから
長いスパンで作ろうww