[B! スタイルシート] tsuyossiiのブックマーク

tsuyossii id:tsuyossii

スタイルシートに関するtsuyossiiのブックマーク (3)

スタイルシート［CSS］/CSSの基本/ID名とクラス名 - TAG index
見た目に関する情報を名前として使用すると、スタイルを変更した場合などに矛盾が生じてしまうことがあります。 left、right left や right などの位置を表す名前は、後で左右を入れ替えた場合などに矛盾が生じてしまいます。 red、blue ... red や blue などの色を表す名前は、後で色を変更した場合などに矛盾が生じてしまいます。 w300px、size12 ... サイズを表すような名前は、後でサイズを変更した場合などに矛盾が生じてしまいます。見た目の情報ではなく、内容に関する情報を名前として使用するようにしましょう。
tsuyossii 2015/09/16
css

スタイルシート

ID

クラス

おすすめ
リンク
画像の回り込みを行う
つまり、テキストがきれいに回り込んでくれずに画像の右下の方から開始されえしまうというものです。これを強引にテーブルなんかでデザインしている人もいるでしょうけど、画像が出るたびに毎回テーブルを使うのは多大な労力が必要ですし、メンテナンスも大変ですよね。とはいえ、img要素にもalign属性がありますからそれを使えば便利ですが、 HTML4.01や今後のXHTMLではalign属性は廃止方向へ向かっています。そこでスタイルシートで画像の回り込みをやってみましょう。スタイルシートで設定すれば、管理もラクです。試しに以下の写真を使ってみる事にしましょう。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="content-style
tsuyossii 2015/02/06
スタイルシート
リンク
セレクタで使用できる文字 - スタイルシートの基本 -- ごく簡単なHTMLの説明
HTMLは効率的に情報交換を行えるよう、文書の「構造」を記述することを目的にしています。そこに文字の色や形などの情報が混じってくると、せっかくの情報が不明確になってしまいます。スタイルシートは、レイアウトを別の場所に定義しておき、それを構造に対して適用するという考え方です。いったん定義したスタイルは、複数の文書で共有できますから、全体のデザインに一貫性を持たせることができ、しかもメンテナンスがずっと容易になります。目次：スタイルシート：文書の論理と表現を分離するカスケーディング・スタイルシート（CSS）スタイルの定義場所クラス、idによる定義の局所化文脈セレクタと一括設定カスケーディングと継承スタイルのタイプ指定取り上げる要素： style スタイルシート：文書の論理と表現を分離する本文とは別に表現ルールを設定するスタイルシートは、文書のメンテナンスを容易にし、また表
tsuyossii 2015/02/06
css

webデザイン

スタイルシート
リンク
1