CSSセレクタ20個ã®ãŠã•ã‚‰ã„CSSセレクタã£ã¦æ„外ã¨åˆ†ã‹ã£ã¦ã„ãªã‹ã£ãŸã‚Šã™ã‚‹ã®ã§å‹‰å¼·ã¤ã„ã§ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚比較的実用的ã‹ãªã¨æ€ã†ã‚‚ã®ã‚’20個紹介ã—ã¦ã„ãã¾ã™ã€‚ã„ã„復習ã«ãªã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ CSSセレクタã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹å¯¾è±¡ã‚’指定ã™ã‚‹ã‚‚ã®ã§ã™ã€‚普段何気ãªã使ã£ã¦ã„ã‚‹classã‚„idãªã©ã‚‚セレクタã®ï¼‘ã¤ã§ã™ã€‚ 属性やè¦ç´ ã¨ã„ã£ãŸå …苦ã—ã„用語ãŒå‡ºã¦ãã¾ã™ã®ã§å›³ã§ç°¡å˜ã«èª¬æ˜Žã—ã¾ã™ã€‚ ç§ã®ã‚ˆã†ã«åŸºç¤Žã‹ã‚‰å‹‰å¼·ã—ã¦ã„ãªã„ã¨ã€è¦ç´ や属性ã¨èžã„ã¦ã‚‚ピンã¨ãã¾ã›ã‚“ãŒã€çŸ¥ã£ã¦ã¿ã‚‹ã¨ãªã‚“ã¦ã“ã¨ã¯ãªã„ã§ã™ã。 ã¾ãŸã€IEãŒå¯¾å¿œã—ãã‚Œã¦ã„ãªã„CSS3ã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚‚ã‚ã‚Šã¾ã™ãŒã€IE6～8ã§ã‚‚CSS3セレクタãŒåˆ©ç”¨ã§ãるツールã®æ±ºå®šç‰ˆã€ŒSelectivizr〠ã§ç´¹ä»‹ã—ãŸã‚ˆã†ã«CSS3セレクタã¯ie対ç–も容易ãªã®ã§ãœã²ãŠè©¦ã—ãã ã•ã„。 Selectivizrã¯CSSを外部ファイルã§æŒ‡å®šã—ãŸæ–¹ãŒã„ã„ã®ã§ã™ãŒã€ä»Šå›žã®ã‚µãƒ³ãƒ—ルã¯CSSを外部ファイル
MdN Design｜ç·åˆæƒ…å ±ã‚µã‚¤ãƒˆ
IDEA * IDEA
css-lecture.com - css lecture リソースãŠã‚ˆã³æƒ…å ±
http://css3-buttons.heroku.com/generator
IDEA * IDEA
IEã§ã‚‚CSS3ã®ãƒ—ãƒãƒ‘ティã€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’表ç¾ã§ãるよã†ã«ã™ã‚‹ãƒªã‚½ãƒ¼ã‚¹ï¼†ã‚¹ãƒ‹ãƒšãƒƒãƒˆ
CSS3ãŒæ—¥æœ¬èªžã®ç¦å‰‡å‡¦ç†ã€å‚点ã€ç¸¦æ›¸ããªã©å¯¾å¿œã¸ã€ãƒ‰ãƒ©ãƒ•ãƒˆå…¬é–‹
IDEA * IDEA
HTML5, CSS3, jQuery1.4, WordPress3ã®åŽ³é¸ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆé›†
borderã«ç”»åƒã‚’使用ã—ãŸcss3プãƒãƒ‘ティをサクッã¨ç”Ÿæˆã™ã‚‹ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ãƒ»border-image-generator - ã‹ã¡ã³ã¨.net
CSS3ã®æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã‚’IE6-8ã§ã‚‚使ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã€ŒSelectivizrã€:phpspot開発日誌
Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8
jQueryã¨CSS3ã€HTML5ã§ã“ã“ã¾ã§å‡ºæ¥ã‚‹ãƒ›ãƒãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹:phpspot開発日誌
CSS3.0 Maker | CSS3.0 Generator | CSS 3.0 Generator | css3 generator
Adobeã€Dreamweaver CS5 HTML5 Packã®é…布を開始 - MdN Design Interactive
http://www.designwalker.com/2010/05/css3.html
[CSS]CSS3ã®åŠ¹æžœçš„ãªä½¿ã„æ–¹ã¨é™¥ã‚Šã‚„ã™ã„ワナ
Error
ç”»åƒã¯ä¸€åˆ‡ä½¿ã£ã¦ãªã„ï¼ï¼ŸCSS3ã ã‘ã§æã„ãŸâ€œãƒ‰ãƒ©ãˆã‚‚ã‚“â€ãŒã™ã”ã„ - ã¯ã¦ãªãƒ‹ãƒ¥ãƒ¼ã‚¹
{{#tags}}- {{label}}
{{/tags}}