セレクタã§ä½¿ç”¨ã§ãã‚‹æ–‡å— - スタイルシートã®åŸºæœ¬ -- ã”ãç°¡å˜ãªHTMLã®èª¬æ˜Ž
HTMLã¯åŠ¹çŽ‡çš„ã«æƒ…å ±äº¤æ›ã‚’è¡Œãˆã‚‹ã‚ˆã†ã€æ–‡æ›¸ã®ã€Œæ§‹é€ ã€ã‚’記述ã™ã‚‹ã“ã¨ã‚’目的ã«ã—ã¦ã„ã¾ã™ã€‚ãã“ã«æ–‡å—ã®è‰²ã‚„å½¢ãªã©ã®æƒ…å ±ãŒæ··ã˜ã£ã¦ãã‚‹ã¨ã€ã›ã£ã‹ãã®æƒ…å ±ãŒä¸æ˜Žç¢ºã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ スタイルシートã¯ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’別ã®å ´æ‰€ã«å®šç¾©ã—ã¦ãŠãã€ãã‚Œã‚’æ§‹é€ ã«å¯¾ã—ã¦é©ç”¨ã™ã‚‹ã¨ã„ã†è€ƒãˆæ–¹ã§ã™ã€‚ã„ã£ãŸã‚“定義ã—ãŸã‚¹ã‚¿ã‚¤ãƒ«ã¯ã€è¤‡æ•°ã®æ–‡æ›¸ã§å…±æœ‰ã§ãã¾ã™ã‹ã‚‰ã€å…¨ä½“ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä¸€è²«æ€§ã‚’æŒãŸã›ã‚‹ã“ã¨ãŒã§ãã€ã—ã‹ã‚‚メンテナンスãŒãšã£ã¨å®¹æ˜“ã«ãªã‚Šã¾ã™ã€‚ 目次： スタイルシート：文書ã®è«–ç†ã¨è¡¨ç¾ã‚’分離ã™ã‚‹ カスケーディング・スタイルシート（CSS） スタイルã®å®šç¾©å ´æ‰€ クラスã€idã«ã‚ˆã‚‹å®šç¾©ã®å±€æ‰€åŒ– 文脈セレクタã¨ä¸€æ‹¬è¨å®š カスケーディングã¨ç¶™æ‰¿ スタイルã®ã‚¿ã‚¤ãƒ—指定 å–り上ã’ã‚‹è¦ç´ ： style スタイルシート：文書ã®è«–ç†ã¨è¡¨ç¾ã‚’分離ã™ã‚‹ 本文ã¨ã¯åˆ¥ã«è¡¨ç¾ãƒ«ãƒ¼ãƒ«ã‚’è¨å®šã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ã€æ–‡æ›¸ã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚’容易ã«ã—ã€ã¾ãŸè¡¨
HTML版『スタイルシートWebデザインã€ã™ã¿ã‘ã‚“ãŸã‚ã†è‘—
ã™ã¿ã‘ã‚“ãŸã‚ã†è‘— ç°¡ç•¥ãªç›®æ¬¡ HTML版ã«å¯„ã›ã¦ 詳細ãªç›®æ¬¡ ã¾ãˆãŒã 1. Introduction to CSS with HTML 2. tutorial of HTML as SGML 3. some more HTML 4. CSS syntax in detail 5. CSS properties for visual media in detail 6. road to mastering CSS 7. new feature in CSS2 解説ã¨å‡¡ä¾‹â€•â€•HTML版編者より アーカイヴ版ã®é…布 HTML版ã«å¯„ã›ã¦ ã„ã¾ç§ã¯ãƒ—ãƒã®ç·¨é›†è€…ã¨ã—ã¦å‹¤å‹™ã—ã¦ã„ã¾ã™ã€‚ãã®ç›®ã‹ã‚‰è¦‹ã‚Œã°ã€æœ¬æ›¸ã®è¨˜è¿°ã¯ã‚ã¾ã‚Šã«å›ºãã€å†’é ãŒé•·ã™ãŽã€ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¨ã—ã¦ä½¿ã„ã«ãã…ã¨æ¬ 点ã らã‘ã§ã™ã€‚ ã¨ã“ã‚ãŒæœ¬æ›¸ã¯ã€å°‚門家をå«ã‚€ä¸€éƒ¨ã®ã‹ãŸã«ä¸€å®šä»¥ä¸Šã®è©•ä¾¡ã‚’ã„ãŸã ã„ã¦ã„ã¾ã™ã€‚大変ã‚ã‚ŠãŒãŸã„ã“ã¨ã§ã™ã€‚「美人ã¯3æ—¥ã§
ã¯ã˜ã‚ã¦ã®Webドã‚ュメントã¥ãã‚Š
ã“ã®æ–‡æ›¸ã«ã¤ã„㦠ã“ã®æ–‡æ›¸ã¯ã€å†…田明ãŒå®¶æ—用ã«ä½œæˆã—ã¦ã„ã‚‹Web「ページã€ã¥ãã‚Šã®ãƒ†ã‚ストã§ã™ãŒã€ç¬¬ä¸‰è€…ã®æ–¹ãŒãŠèªã¿ã«ãªã£ã¦ã‚‚構ã„ã¾ã›ã‚“。ã¾ã 制作途上ã€ä¸é€”åŠç«¯ãªçŠ¶æ…‹ã§ã™ãŒã€ã”æ„見ã”感想ãªã©é ‚戴ã§ãã‚‹ã¨ã™ã”ã嬉ã—ã„ã§ã™ã€‚ ã¨ã„ã†å…·åˆã«ã€å®¶æ—以外ã«èªã¾ã‚Œã‚‹ã“ã¨ãŒã‚ã‚‹ã¨æƒ³å®šã—ã¦ã„ã‚‹ã®ã§ã€ã‚ˆãã„ãã®æ–‡ç« ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« World Wide Webã®ã€Œãƒšãƒ¼ã‚¸ã€ã¥ãã‚Šã¯ã€æ–‡ç« ã‚„ç”»åƒãªã©ã€Œãƒšãƒ¼ã‚¸ã€ã®å…ƒã¨ãªã‚‹ç´ æã‚’ã¤ãる作æ¥ã¨ã€ãã®ç´ æを「マーク付ã‘言語ã€ã®ã€Œæ–‡æ›¸åž‹ã€ã«åˆã†ã‚ˆã†ç·¨åˆ¶ã™ã‚‹ä½œæ¥ã€ãã—ã¦ã€Œã‚¹ã‚¿ã‚¤ãƒ«è¨€èªžã€ã§å‡ºåŠ›ã®ä½“è£ã‚’決ã‚る作æ¥ã‹ã‚‰æˆã‚Šç«‹ã£ã¦ã„ã¾ã™ã€‚ 「マーク付ã‘言語ã€ã¨ã„ã†ã®ã¯ã€ã€Œæ–‡ç« ã®ä¸ã«ã€Žãƒžãƒ¼ã‚¯ï¼ˆç›®å°ï¼‰ã€ã‚’挿入ã—ã¦ã„ãã“ã¨ã§ã€æ–‡ç« ã‚’æˆã‚Šç«‹ãŸã›ã¦ã„る『見出ã—ã€ã‚„『強調語å¥ã€ãªã©å„è¦ç´ ã®å½¹å‰²ã‚„関係性をã€ã‚ã‚‹åž‹ã«æ²¿ã£ã¦æ©Ÿæ¢°ã«ã‚‚解るよã†ã«è¨˜ã™éš›ã®èªžå½™ã¨æ–‡æ³•ã€ã§ã™ã€‚「スタイル言語ã€ã¯ã€ã€Œ
文書型宣言ã«ã¤ã„ã¦
文書型宣言ã®ãªã„文書ã¯HTML文書ã§ã¯ãªã„事 ã„ã¤è¨˜è¿°ã™ã¹ãã‹ ã‚る文書ã®ãƒžãƒ¼ã‚¯é™„ã‘ãŒå®Œäº†ã—ãŸæ™‚ã€ãã®æ–‡æ›¸ãŒHTMLã®ä»•æ§˜æ›¸(DTD:Document Type Definition:文書型定義)ã«ç…§ã‚‰ã—ã¦æ£å½“ã§ã‚ã£ãŸã¨ã—ã¾ã™ã€‚ãã®æ™‚ã€ã‚ãªãŸã¯ãã®æ–‡æ›¸ã®å…ˆé ã«æ–‡æ›¸åž‹å®£è¨€ã‚’記述ã§ãã¾ã™ã€‚ マーク附ã‘ã‚’è¡Œã£ãŸçµæžœã€ãã®æ–‡æ›¸ãŒHTMLã®DTDã«é©åˆã™ã‚‹ã‚‚ã®ã§ã‚る時ã€æ–‡æ›¸åž‹å®£è¨€ã§ãã®æ–‡æ›¸ãŒHTML文書ã§ã‚る事を宣言ã§ãã¾ã™ã€‚ã‚ã‚‹DTDã«é©åˆã—ãŸæ–‡æ›¸ã¯ã€ãã®DTDã«å¯¾å¿œã—ãŸç‰¹å®šã®æ–‡æ›¸åž‹å®£è¨€ã‚’記述ã™ã‚‹äº‹ãŒè¨±ã•ã‚Œã¾ã™ã€‚ 具体的ãªè¨˜è¿°ã®ä»•æ–¹ã¯å¾Œè¿°ã—ã¾ã™ã€‚ DTDã¨ã¯ä½•ã‹ HTMLã®DTD(Document Type Definition : 文書型定義)ã¯ã€è¨€ã£ã¦ã¿ã‚Œã°ã€ŒHTMLã®ä»•æ§˜æ›¸ã€ã§ã™ã€‚ HTML 2.0/2.x(i18n)/3.2/4.01/XHTML 1.0/1.1ã¨ã„ã£ãŸå„ヴァージョンã®HT
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
PC Tips
{{#tags}}- {{label}}
{{/tags}}