MdN Design｜ç·åˆæƒ…å ±ã‚µã‚¤ãƒˆBlueprint CSSã¯ã€å›ºå®šå¹…ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é©ã—ãŸCSSフレームワークã 。親è¦ç´ ã®å¹…ã«å¯¾ã—ã¦1/2ã€1/3ã¨ã„ã£ãŸå‰²åˆã§ã‚«ãƒ©ãƒ ãŒç”Ÿæˆã•ã‚Œã‚‹YUI Grids CSSã«æ¯”ã¹ã¦ã€ã€Œã‚«ãƒ©ãƒ 何個分ã€ã¨ã„ã£ãŸå½¢ã§æŒ‡å®šã‚’è¡Œã†ãŸã‚ã€ã‚ˆã‚Šç²¾å¯†ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’実ç¾ã§ãる。ã¾ãŸã€ãƒ•ã‚©ãƒ¼ãƒ ã‚„å°åˆ·å‘ã‘ã®CSSã‚‚æä¾›ã•ã‚Œã¦ãŠã‚Šã€åˆ©ç”¨ç¯„囲ãŒåºƒã„点もé…力ã 。 å°Žå…¥ã«ã‚ãŸã‚Šé…布元ã‹ã‚‰ã‚½ãƒ¼ã‚¹ã‚’ダウンãƒãƒ¼ãƒ‰ã—ã€1】ã€XHTMLã®ï¼œhead＞ã«ãƒªãƒ³ã‚¯ã®è¨˜è¿°ã‚’è¡Œã†ã€2】。＜body＞直下ã«ã¯ã‚³ãƒ³ãƒ†ãƒŠã‚¿ã‚°ï¼ˆdiv.container）を用æ„ã—ã€ãã®ä¸ã«ã€Œ.span-ã€ã§å§‹ã¾ã‚‹classå±žæ€§ã‚’åŠ ãˆãŸï¼œdiv＞を定義ã™ã‚‹ã€‚ã“ã“ã§æŒ‡å®šã™ã‚‹æ•°å€¤ãŒã‚«ãƒ©ãƒ æ•°ã«ã‚ãŸã‚‹ã€‚デフォルトã§ã¯å…¨ä½“ã®å¹…950pxã«å¯¾ã—ã€ã²ã¨ã¤ã®ã‚«ãƒ©ãƒ ãŒå¹…30pxã¨ãªã‚‹ãŸã‚ã€è¡Œå½“ãŸã‚Šã®ã‚«ãƒ©ãƒ ã®åˆè¨ˆæ•°ãŒã€Œ24ã€ã«ãªã‚‹ã‚ˆã†ã«èª¿æ•´ã—よã†ã€‚ãã‚Œãžã‚Œã®ã‚«ãƒ©ãƒ ã«ã¯å…±é€šã§10pxã®å³
{{#tags}}- {{label}}
{{/tags}}