#author("2021-09-08T23:12:35+09:00","default:k1rou","k1rou") #author("2021-12-14T15:40:43+09:00","default:k1rou","k1rou") *CSS [#sfef300f] -Cascading Style Sheetの略語。 -通称「スタイルシート」。 **名称 [#u77a14c4] -Cascading Style Sheet -スタイルシート **概要 [#j63a5684] -ウェブサイトのデザインを構築する技術。 -ウェブサイト構築において、CSSを活用することで文書とデザインを分離することができ、文書の構造化を実現できる。 -XHTMLと組み合わせて使われることが推奨されている。 **CSSの読み込み方法 [#k86e04a2] *CSSの読み込み方法 [#k86e04a2] -link要素([[HTML]]) -@import(CSS) -addImportメソッド([[JavaScript]]) **CSSのメディアクエリ [#jd8107e8] *CSSのメディアクエリ [#jd8107e8] -さまざまな特性を条件にCSSを分岐させる方法 --画面の大きさ --仮想描画領域の大きさ、向き、画素密度 **疑似クラス [#f283b94c] *疑似クラス [#f283b94c] -::before -::after **CSSの検証ツール [#g6b02e88] -CSS Lint -http://csslint.net/ -LiveReload -http://livereload.com/ *CSSの検証ツール [#g6b02e88] -CSS Lint~ http://csslint.net/ **CSSプリプロセッサ [#h44681a4] -LiveReload~ http://livereload.com/ *CSSプリプロセッサ [#h44681a4] -Sass -LESS -Stylus -http://learnboost.github.io/stylus/ -Stylus~ http://learnboost.github.io/stylus/ **CSS関連サイト [#jb61606b] -css Zen Garden --http://www.csszengarden.com/ *関連サイト [#jb61606b] -css Zen Garden~ http://www.csszengarden.com/ -CSS Dencitie --http://www6.plala.or.jp/go_west/nextcss/ -CSS Dencitie~ http://www6.plala.or.jp/go_west/nextcss/ -CSS Trigers --https://csstriggers.com/ -CSS Trigers~ https://csstriggers.com/ -Grid by Example~ https://gridbyexample.com/examples/ **CSS関連用語 [#n204078f] *関連用語 [#n204078f] -[[CSSXSS]] -IEの脆弱性 -[[HTML]] -[[XHTML]] -[[JavaScript]] -[[Less]]