by shigemk2

当面は技術的なことしか書かない

CSS

liの箇条書きの黒丸を消す

list-style: none; でおk。 ほげ ほむ ほが が、普通に ほげ ほむ ほが みたいな感じになる。なお、黒丸が消えるだけで、箇条書きの横のスペースは残ったままなので、 そこらへんはmarginまわりをどうにかしてスペースを潰せばよいでしょう。

display: inline;

CSS

403 Forbiddenより。インラインボックスを形成する。 インラインボックスは、主にインライン要素を収めるのに用いるボックスである。 入り切らない場合は適宜折り返される。 また、インライン要素では、幅や高さの概念が無く、余白に関しても、 左右の余白は…

大文字・小文字の変換

CSS

当該セレクタにこちらを記述する。 text-transform: capitalize; ちなみに uppercase 全ての文字を大文字に変換する lowercase 全ての文字を小文字に変換する none デフォルト です。 ね、便利でしょ。

リンクを要素全体に貼る

文字とか画像だけでなく、要素全体にリンクを貼りたいときはcssに display: block; を追加しましょう。

floatとtext-alignの優先度

CSS

float: rightかfloat: leftを先に記述してしまうと、 後にtext-alignを記述してもtext-align系は反映されない。

LVHA

CSS

疑似要素の覚え方Art Schoolのアルバムみたいじゃなイカ。link visited hover active

float

CSS

レファレンスより。 float−スタイルシートリファレンス left 指定した要素を左に寄せます。後に続く内容はその右側に回り込む right 指定した要素を右に寄せます。後に続く内容はその左側に回り込む none 特に配置を指定しません。これが初期値です どのブラ…

pxとemの違い

CSS

px ピクセル単位の指定。 環境によって変化しない絶対単位。 em 文字の高さを基準にした単位。1emは1文字分。 bodyなんかでfont-sizeの指定がない、或は100%なら1em=16pxが基準。 環境によって大きさが変化する相対単位。

RGBの色の一覧

CSS

CSSで、こんな色を出したい!というときに、 参考にします。 Web Safe Color一覧表/カラーチャート

グラデーション

CSS

Firefox background: -moz-linear-gradient(top, #9c9, #000); 左から、起点となる方向、開始の色、終了の色となる Chrome background: -webkit-gradient(linear, right top, right bottom, from(#fff), to(#000)); 左から、線形補間、起点となる方向、終点…

HTML、CSS、JavaScriptの読み込みの順番

script・css・img・iframe が読み込まれるタイミング調査 Kawanet Blog II/ウェブリブログ これについての先達が既にいらっしゃるので、私がどうのこうのというわけではないのですが、 要するに、CSSとJavascriptで、トップに書かれているものは優先順位とか…

z-index

CSS

表示の階層(レイヤー)を指定する。 例: z-index: 1-3で指定して、3が一番最前面で表示される。

opacity

CSS

透明度を変更するopacity。 RGBAとの違いは、RGBAは全体を薄くしていくが opacityは全体を濃くしていく。

開発中にcssを弄りたいとき

CSS

開発中にhtmlファイルのcssを弄りたいときは、 ビューなどのソースから単純な構造のhtmlファイルを作成し、 そこからcssを作成すると良い。上手いぐあいにcssが作成できたら、元のcssに移植する。

cssのイロハ(適当)

ノートを書き殴った感満載ですselectorで指定する部分は、htmlのタブ htmlは木構造となっており、これをDOMという cssはブロック毎にセレクタを指定して色やフォントを 決める事が出来る ただし、htmlの構造や仕組みそのものは変更出来ない 例: body { back…