カテゴリー「CSSやろう」の5件の記事

【読んだ】「これからはじめる HTML&スタイルシートの本」

CSSを知らないのはさすがにまずいだろうと思い、本屋でいろいろ眺めていて分かりやすそうな一冊を選出。これは当たりだった。

テキストインデント-9999を薦めているのが気になってしまうが、それ以外はすごく分かりやすく、流れに従っていったらそれっぽいページが出来てしまった。

完成図:なんとこれがかいわれの実態!

それっぽくないですかw サイトとして。
これでいろいろとデザインとか重ねていくうちにもっと出来るようになるんだろうなあ。
デザインの仕事をやっているわけではないのでしばらくその機会はないとは思うけどw

一冊読んだからといってやはりやり続けないと忘れていってしまうものだが、CSSで出来ることが概要でわかったので良しとしよう。

「CSSやろう」シリーズはもっと続くのかと思ったけど、案外短かったなあ。
またphpの勉強でも再開しようかしら。


※追記
同誌はサンプルソースののCDRが付いているのですが、このサンプルそのまま上げた奴とかいるんだろうなあ、とか思い検索したら…いたよ!w

「タウンライターももが選んだとっておきのマイタウン情報」で検索

テキストインデントでh1が消えてるから油断してるんだろうなw
中には企業のサイトもあって、なんかとっても微妙w

**

これからはじめる HTML&スタイルシートの本 (自分で選べるパソコン到達点)

| | コメント (0)

続CSSやろう

ちゃんとやってますw

今やってるもの。

なんとこれがかいわれの実態!(レイアウトCK)

いやあ、素人むき出しの感じですがやってみると意外と感動しますw

参考図書:これからはじめる HTML&スタイルシートの本 (自分で選べるパソコン到達点)

**

気付いた点。

上記の本は非常に分かりやすくて、初心者にはオススメかと思うのだが、

text-indent:-9999px

を推奨してた。デザインをよくするため、とかいう名目で。
案外自然な感じでこういうSEO的にNGとされてることをやっている人もいるのかもしれないな、と思った。

それにしてもホント面白いです!
 

CSSやろうシリーズ

| | コメント (0)

CSSが面白すぎる件

さてニュースの読みがまったく追いついていないような状況ですがいかがお過ごしでしょうか。

CSSを引き続き勉強してるんですが、面白いですねこれ!w
こんな便利なものがあったのに勉強せずに放置してた自分に赤面・・・

時間がないのでサクサクやったことメモなど。

■今日やったこと

セレクタ
1、list指定でulとかの点を消す
2、CSSで指定右配置

1に関してはまとめトップページの<ul>の頭の点を撤去
2に関しては「セレクタ反映桃太郎」で指定

これって関連性ないドメインからも指定できるんですかね?
別の機会に調査。

CSSやろうシリーズ

| | コメント (0)

外部CSSすげえ!w(素人丸出し更新)

いやあ、外部CSSというものを使ってみたんですが、いいですね!
軽く土佐日記の世界ですよ。

IT業者がするCSSというものを素人もしてみむとてするなり。

いやあ思いのほか便利でテンションがあがってますw
ちなみに前回の内部CSSはSBの端末(824SH)では確認済み。
(これが旧端末とかになるとまた話が変わってくるのかもしれませんが・・・)

さて、今日は外部CSS第1弾。

外部CSSシリーズ1

今現在使ってるのが下記のように変更するもの。

body{font-size:12px;}

h1{
   font-size:12px;
   color:red;
   background-color:gold
}

通常フォントは12px
h1は12px/赤文字/背景:金

ちゃんと表示されるのがうれしいところですね!

こういうhtmlとかはやっぱり自分で書いてそれが実際に表現されると感動ものです。

**

参考図書:これからはじめる HTML&スタイルシートの本 (自分で選べるパソコン到達点)

まとめ:CSSやろうシリーズ

**

↑こういうのを多分footer領域で指定してCSSで設定したりもできるんでしょうね。ふーむ感激w

| | コメント (0)

CSSシリーズ始まる

というわけでお久しぶりですこんにちは!

もうね、PCぶっ飛んで10日経って戻ってきました。

若干データは飛んでいるものの、欲しいデータは残っていたので非常に助かりました。
教訓としては

・ウィルスセキュリティソフトは入れておきましょう、いや真剣に

てか、自分だけなのだろうか、素のままやっていたのは・・・。

**

さて、それはさておきPHPシリーズもいったん完了を迎えたので(←※)
今度は勉強するCSSシリーズを開始します。

で、分からないのがあって、携帯端末だと外部CSSを読み込まないとかそんなんあるじゃないですか。
それもちょっと検証しながらCSS組んでみる!

まず第1回。
「内部CSSを組んでみる」

いやーもうものすごく基本中の基本なのかもしれませんが知らないものは仕方がない。
今回は内部CSSでh1の表示をフォント12で設定してみた。

CSS Test

おおお!w
なんか単純な話なんですが非常に感動w

これでWPのテンプレート感満載な自分の別のブログもカスタマイズできるようになったりするのだろうか…

参考図書:これからはじめる HTML&スタイルシートの本 (自分で選べるパソコン到達点)

**

※一応SQLiteとかやってみたんだけど、ぜんぜんわかってないw

| | コメント (0)