2021-12-14 (火) 15:40:43

CSS †

名称 †

• Cascading Style Sheet
• スタイルシート

概要 †

• ウェブサイトのデザインを構築する技術。
• ウェブサイト構築において、CSSを活用することで文書とデザインを分離することができ、文書の構造化を実現できる。
• XHTMLと組み合わせて使われることが推奨されている。

CSSの読み込み方法 †

• link要素（HTML）
• @import（CSS）
• addImportメソッド（JavaScript）

CSSのメディアクエリ †

• さまざまな特性を条件にCSSを分岐させる方法
  • 画面の大きさ
  • 仮想描画領域の大きさ、向き、画素密度

疑似クラス †

• ::before
• ::after

CSSの検証ツール †

• CSS Lint
  http://csslint.net/

• LiveReload
  http://livereload.com/

CSSプリプロセッサ †

• Sass
• LESS
• Stylus
  http://learnboost.github.io/stylus/

関連サイト †

• css Zen Garden
  http://www.csszengarden.com/

• CSS Dencitie
  http://www6.plala.or.jp/go_west/nextcss/

• CSS Trigers
  https://csstriggers.com/

• Grid by Example
  https://gridbyexample.com/examples/

関連用語 †

• CSSXSS -IEの脆弱性
• HTML
• XHTML
• JavaScript
• Less