skillup

技術ブログ

デザイン

CSSはまりやすいポイント ※随時更新予定

投稿日:

CSSにてよく確認するのネタに関して

中央寄せ

  • vertical-alignを指定できるのは「インライン要素」と「テーブルセル」だけ
  • text-align:centerはインラインのみ。
  • margin:autoは高さ、幅を指定しないと効かない
  • 対象がブロックレベルかインラインかで全く違ってくる

http://ideahacker.net/2015/02/14/9779/

命名

http://css-happylife.com/archives/2007/0115_1345.php

テーブル

  • 意図した幅にならない場合は自動調整が働いている。table-layout:fixed;を設定。

http://www.koikikukan.com/archives/2012/08/20-005555.php

-デザイン
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

css tips display:table,marginの相殺,font-size指定,margin上下の%など

昨日、喫茶店でみていた参考書でみたCSSのネタに関して忘れないようにメモ。 Contents1 display:table2 inputのfocus時の青を消す3 marginの相殺4  font-s …

no image

メインで使う画像のcssについて

CSSについていろいろと勉強したんですが、画像の使いに関して結構てこずったんでポイントをまとめておこうかと。 画像といっても商品の画像などワンポントでなくメインで使うタイプのものです。 imgタグをd …

no image

laravel Mix

Contents1 laravel Mix2 インストール laravel Mix 実務でlessを使っていて便利なのですが、コンパイルをatomのプラグインで行っていました。 ※保存されると自動的に …

no image

一般的なWebサイト制作について

実務で通常のWebサイトを作成するというお仕事が。 Webサイトを改めて作成するっていう経験からはだいぶ遠のいてましたんで、これを機にスキルをまとめたいなーって思います。 サイト作成といっても本格的な …

no image

パララックス系のギャラリー(中央ネタ)

ギャラリー的な画像を使ったときに思ったこと。下記が画像の標準的な扱い方かな・・・ 枠自体は高さも幅も決める(li要素のwidth,heightは決める) 基本は画像要素を中央揃え(positionの5 …