[B! CSS] Sato_4treeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

Sato_4tree id:Sato_4tree

CSSã«é–¢ã™ã‚‹Sato_4treeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Bootstrapã®ä½¿ã„æ–¹è¶…å…¥é–€ (1/4) - ï¼ IT
è©±é¡Œã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ç°¡å˜ã«ã§ãã‚‹ã€CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒBootstrapã€ã®æ¦‚è¦ã¨åŸºæœ¬çš„ãªä½¿ã„æ–¹ã‚’ã‚µãƒ³ãƒ—ãƒ«ã¨ã‚³ãƒ¼ãƒ‰ã‚’äº¤ãˆã¦ç´¹ä»‹ã—ã¾ã™ã€‚ æœ€è¿‘ã¯ã‚„ã‚Šã®HTML5ã€JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€CSS3ã€APIã®ç´¹ä»‹ã€ã¾ãŸãã‚Œã‚‰ã‚’çµ„ã¿åˆã‚ã›ãŸã‚µãƒ³ãƒ—ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ç´¹ä»‹ã¨è§£èª¬ã‚’åŽ³é¸ã—ã¦ç´¹ä»‹ã€è§£èª¬ã—ã¦ã„ãæœ¬é€£è¼‰ã€ŒHTML5ã‚¢ãƒ—ãƒªä½œã‚ã†ãœï¼ã€ã€‚ä»Šå›žç´¹ä»‹ã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ã€ŒBootstrapã€ã§ã™ã€‚ è©±é¡Œã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ç°¡å˜ã«ã§ãã‚‹ã€CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒBootstrapã€ã¨ã¯ ç¾åœ¨ã®Webåˆ¶ä½œã€é–‹ç™ºã§ã¯ã€ã¨ã‚‚ã«ã‚¹ãƒ”ãƒ¼ãƒ‰ãŒé‡è¦–ã•ã‚Œã¦ã„ã¾ã™ã€‚ã€ŒBootstrapã€ã‚’ä½¿ç”¨ã™ã‚‹ã¨ã€æ—¢ã«ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹ã ã‘ã§ã€æ ¼æ®µã«é€Ÿãè¦‹æ „ãˆã‚’æ•´ãˆã‚‰ã‚Œã¾ã™ã€‚äº‹å®Ÿã€Webã‚·ã‚¹ãƒ†ãƒ ã®ç®¡ç†ç”»é¢ãªã©ã§Bootstrapã‚’ä½¿ç”¨ã™ã‚‹ã‚±ãƒ¼ã‚¹ã‚‚å¢—ãˆã¦ãã¾ã—ãŸã€‚ Bootstrapã¯æœ€è¿‘
Sato_4tree 2014/07/01
CSS

html
ãƒªãƒ³ã‚¯
Bootstrap 3 å¦ç¿’ãƒŽãƒ¼ãƒˆ - Qiita
å…ƒã®GitHubãƒªãƒã‚¸ãƒˆãƒªã¯æ¬¡ã®é€šã‚Šã€‚ãã®ã¾ã¾è»¢è¼‰ã—ã¾ã™ã€‚ https://github.com/higuma/bootstrap-3-note Bootstrap 3 å¦ç¿’ãƒŽãƒ¼ãƒˆ (2014-06-09 ... 18) Bootstrap 3ã®å¦ç¿’è¨˜éŒ²ãƒŽãƒ¼ãƒˆã§ã™ã€‚ ã§ãã‚‹ã ã‘æ‰‹ã‚’æŠœã‹ãšéš…ã€…ã¾ã§ãã¡ã‚“ã¨èª¿æŸ»ã—ã€ã‚³ãƒ¼ãƒ‰ã¯ã»ã¼å…¨ã¦å®Ÿéš›ã«è©¦ã—ã¦ç¢ºèªã—ã¾ã—ãŸã€‚ å…ƒã€…å…¬é–‹ã‚’æ„å›³ã—ãŸã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ã“ã“ã¾ã§è©³ç´°ã«èª¿ã¹ãŸè³‡æ–™ã¯ãã†ã¯ãªã„ã¨æ€ã„ã¾ã™ã®ã§æœ€ä½Žé™ã®ä½“è£ã‚’æ•´ãˆã¦å…¬é–‹ã—ã¾ã™ã€‚ã¿ãªã•ã‚“ã®ãŠå½¹ã«ç«‹ã¦ã°å¹¸ã„ã§ã™ã€‚ ãªãŠHTMLéƒ¨åˆ†ã¯ã»ã¼å…¨ã¦jadeã§è¨˜è¿°ã—ã¦ã„ã¾ã™ã€‚jadeã‚’çŸ¥ã‚‰ãªã„ã¨ç†è§£ã§ããªã„ãƒŽãƒ¼ãƒˆã«ãªã£ã¦ã—ã¾ã£ã¦ã„ã¾ã™ãŒã€ç”Ÿã®HTMLã§ã¯ã¨ã¦ã‚‚ã“ã®ã‚¹ãƒ”ãƒ¼ãƒ‰ã§ã¯å¦ç¿’ã§ãã¾ã›ã‚“ã€‚ã©ã†ã‹ã”äº†æ‰¿ä¸‹ã•ã„ã€‚ ãªãŠã€Œã“ã“ã¯é•ã†ã®ã§ã¯ã€ã€Œã“ã†ã—ãŸæ–¹ãŒã‚ˆã„ã®ã§ã¯ã€ãªã©ã¨ã„ã†ç‚¹ãŒã‚ã‚Šã¾ã—ãŸã‚‰GitHubã®iss
Sato_4tree 2014/07/01
html

CSS
ãƒªãƒ³ã‚¯
é«˜ã•ã®ç•°ãªã‚‹ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã‚’æƒãˆã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ : HTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ãƒŽã‚¦ãƒã‚¦ ï¼š HTML/XHTMLã€CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æœ€å®‰ä¿éšœï½žã‚¯ãƒãƒŽãƒ‰ãƒ©ã‚¤ãƒ–ï½ž
ã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆ ã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹ãƒˆã‚µãƒ³ãƒ—ãƒ«ãƒ†ã‚ã‚¹
Sato_4tree 2010/12/03
CSS

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
[CSS]å¹…ã¯å¯å¤‰ã§é«˜ã•ã¯ç•°ãªã‚‹ã‚«ãƒ©ãƒ ã®é«˜ã•ã‚’ç‰ã—ãã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚
å¹…ã¯%ã§æŒ‡å®šã—ãŸå¯å¤‰ã€é«˜ã•ã¯ãã‚Œãžã‚Œç•°ãªã‚‹ã‚«ãƒ©ãƒ ã‚’ä½¿ã£ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ä½¿ç”¨ã—ã¦ã‚«ãƒ©ãƒ ã®é«˜ã•ã‚’ç‰ã—ãã™ã‚‹ä»Šã¾ã§ã®æ–¹æ³•ã‹ã‚‰ã€ã“ã‚Œã‹ã‚‰ã®æ–¹æ³•ã¾ã§ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Fluid Width Equal Height Columns [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ Doug Neiner ãƒ¡ã‚½ãƒƒãƒ‰ Nicolas Gallagher ãƒ¡ã‚½ãƒƒãƒ‰ Using Tables One True Layout ãƒ¡ã‚½ãƒƒãƒ‰ Flexbox ãƒ¡ã‚½ãƒƒãƒ‰ ãƒ¡ãƒ¢ è¨³è€…æ³¨ å„ãƒ‡ãƒ¢ã¯ã€Œ:nth-childã€ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ãŸã‚ã€ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã®ã¿æœŸå¾…é€šã‚Šã«è¡¨ç¤ºã—ã¾ã™ã€‚è©³ã—ãã¯ã€Œãƒ¡ãƒ¢ã€ã‚’å‚ç…§ãã ã•ã„ã€‚ Doug Neiner ãƒ¡ã‚½ãƒƒãƒ‰ ã€ŒDoug Neinerã€ãƒ¡ã‚½ãƒƒãƒ‰ã¯ã€CSS3ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‹ã‚‰ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’å¾—ãŸæ–¹æ³•ã§ã™ã€‚ [css] .five-columns { background-i
Sato_4tree 2010/10/20
CSS

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä½œã‚Šã‚’ç°¡å˜ã«ã—ã¦ãã‚Œã‚‹CSSã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ
CSS ã§ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€æ®µçµ„ã¿ä½œã‚ŠãŒã¨ã£ã¦ã‚‚ç°¡å˜ã«ã§ãã‚‹ã€CSS ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã‚’ã”ç´¹ä»‹ã€‚æ—¢ã«ä½¿ã£ã¦ã„ã‚‹äººã‚‚ãŸãã•ã‚“ã„ã‚‹ã¨ã¯æ€ã„ã¾ã™ãŒã€æœªä½“é¨“ã®äººã¯ãœã²è©¦ã—ã¦ã¿ã¦ãã ã•ã„ãï¼ Web ãƒ‡ã‚¶ã‚¤ãƒ³ã«æ¬ ã‹ã›ãªã„ã€CSS ã§ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä½œã‚Šã€‚ã‚³ãƒ³ãƒ†ãƒŠä½œã£ã¦ã€ã“ã“ã«ãƒ©ãƒƒãƒ‘ãƒ¼ä½œã£ã¦ã€ãƒ¡ã‚¤ãƒ³ãŒ 600px ã§ padding ãŒ 20px ã ã‹ã‚‰ã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ãŒã€ãˆãƒ¼ã¨ â€¦ ãªã‚“ã¦ã“ã¨ã«ãªã‚ŠãŒã¡ã§ã™ã€‚ãã‚“ãªé¢å€’ãªä½œæ¥ãŒã‚¤ãƒ¤ã ãªãƒ¼ã¨ã„ã†äººã«ãŠã™ã™ã‚ãªã®ãŒã€CSSã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã€‚å…¨ã¦ã® Web ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ãˆã‚‹è¨³ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€çµæ§‹é‡å®ã—ã¾ã™ã€‚ã™ã§ã«ä½¿ã£ã¦ã„ã‚‹äººã‚‚ãŸãã•ã‚“ã„ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã“ã‚“ãªæ–¹æ³•ã‚‚ã‚ã‚‹ã‚“ã ã‚ˆãƒ¼ã¨ã„ã†ã“ã¨ã§ã”ç´¹ä»‹ã—ã¾ã™ã€‚ 1. CSSã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã¨ã¯ï¼Ÿ CSS ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã¨ã„ã†ã®ã¯ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å‡ç‰ã«åˆ†ã‘ã¦ã€ãƒžã‚¹ç›®ä¸Šã«è€ƒãˆã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€‚ä½•ãŒä¾¿åˆ©ã‹ã£ã¦ã„ã†ã¨ã€ã“ã®æ®µã¯4ç‰åˆ†ã«ã—
Sato_4tree 2010/10/18
Webãƒ‡ã‚¶ã‚¤ãƒ³

CSS
ãƒªãƒ³ã‚¯
ãƒ–ãƒã‚°ã‚¢ãƒ•ã‚£ãƒªã‚¨ã‚¤ãƒˆã§ç¨¼ãã®ã«å½¹ç«‹ã£ãŸã€Œæœ€å¼·ãƒ„ãƒ¼ãƒ«ã€ï¼’ï¼—é¸ã€ä¿å˜ç‰ˆã€‘
æ¤œç´¢ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã‚’èª¿ã¹ã‚‹ãƒ„ãƒ¼ãƒ«ã¾ã¨ã‚ ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã‚’èª¿ã¹ã‚‹æ±ºå®šç‰ˆã€ŒGoogle ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ ãƒ—ãƒ©ãƒ³ãƒŠãƒ¼ã€ GoogleãŒé‹å–¶ã™ã‚‹ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ãƒ„ãƒ¼ãƒ«ã§ã€ãŠãŠã‚ˆãã®æœˆé–“æ¤œç´¢æ•°ã‚„ç«¶åˆæ€§ãŒé«˜ã„ã‹ã©ã†ã‹ã‚’èª¿ã¹ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ãƒªã‚¹ãƒˆã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãŠã„ã¦ã€ãã“ã‹ã‚‰ä½œã‚‹è¨˜äº‹ã‚’è€ƒãˆã‚‹ã®ãŒåŠ¹çŽ‡çš„ã€‚ ä¸€å®šã®åºƒå‘Šæ–™ã‚’ä½¿ã‚ãªã„ã¨ç´°ã‹ãªæ•°å€¤ã¯åˆ†ã‹ã‚Šã¾ã›ã‚“ãŒã€Googleã®ãƒ‡ãƒ¼ã‚¿ã‚’å…ƒã«è¨˜äº‹ã‚¿ã‚¤ãƒˆãƒ«ã‚’æ±ºã‚ã‚‰ã‚Œã‚‹ã®ã§ã€ä½¿ã£ã¦ãªã„äººã¯çµ¶å¯¾ä½¿ã£ã¦ãŠãã¾ã—ã‚‡ã†ã€‚ Googleã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ãƒ—ãƒ©ãƒ³ãƒŠãƒ¼ ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã®çµ„ã¿åˆã‚ã›ãŒåˆ†ã‹ã‚‹ã€Œãƒ©ãƒƒã‚³ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã€ ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã®çµ„ã¿åˆã‚ã›ã‚’æŽ¢ã›ã‚‹ã‚¢ãƒ‰ãƒã‚¤ã‚¹ãƒ„ãƒ¼ãƒ«ã€‚ Googleã®ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ãƒ—ãƒ©ãƒ³ãƒŠãƒ¼ã»ã©ç´°ã‹ãªãƒ‡ãƒ¼ã‚¿ã¯åˆ†ã‹ã‚Šã¾ã›ã‚“ãŒã€ã‚·ãƒ³ãƒ—ãƒ«ã§ä½¿ã„ã‚„ã™ã„ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ ãƒ©ãƒƒã‚³ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ æ¤œç´¢é †ä½ã‚’èª¿ã¹ã‚‹ãƒ„ãƒ¼ãƒ«ã¾ã¨ã‚ æ¥è€…ã‚‚ä½¿ã†é †ä½ãƒã‚§ãƒƒã‚¯ãƒ„ãƒ¼ãƒ«ã€ŒGRCã€ ä»–ã®ãƒ„ãƒ¼ãƒ«ã ã¨æ¯Žå›žã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã‚’å…¥åŠ›
Sato_4tree 2010/08/11
webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSSã§ä½¿ã‚ã‚Œã‚‹ãƒ•ã‚©ãƒ³ãƒˆ / ã‚‚ã†ãƒ‘ãƒ³ãƒ„ã¯ã‹ãªã„
ãƒã‚§ãƒƒã‚¯å¯¾è±¡ã¯ã€HTMLæ–‡æ›¸å†…ã®styleè¦ç´ ã¨styleå±žæ€§ã®CSSã®æŒ‡å®šã¨å¤–éƒ¨CSSãƒ•ã‚¡ã‚¤ãƒ«ã§ã™ã€‚ãŠã‚ˆã12,000ãƒšãƒ¼ã‚¸ã‚’èª¿ã¹ã¾ã—ãŸã€‚ã‚ã¾ã‚Šæ£ç¢ºãªèª¿æŸ»ã«ãªã‚‰ãªã‹ã£ãŸã®ã§é›°å›²æ°—ç¨‹åº¦ã«ã¨ã‚‰ãˆã¦ãã ã•ã„ã€‚ å·¦å´ã®æ•°å—ã¯èª¿ã¹ãŸç¯„å›²ã§ã®å‡ºç¾æ•°ã€å³å´ãŒãƒ•ã‚©ãƒ³ãƒˆåã§ã™ã€‚ãƒ•ã‚©ãƒ³ãƒˆåã®ã†ã—ã‚ã®å°ã¯æ¬¡ã®é€šã‚Šã€‚ Windowsã®æ¨™æº–ãƒ•ã‚©ãƒ³ãƒˆ / Macã®æ¨™æº–ãƒ•ã‚©ãƒ³ãƒˆ / Webãƒ•ã‚©ãƒ³ãƒˆ ã“ã“ã§ã¯å®Ÿéš›ã«ãã®ãƒ•ã‚©ãƒ³ãƒˆã§ãƒ•ã‚©ãƒ³ãƒˆåã‚’è¡¨ç¤ºã™ã‚‹ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚ãƒ•ã‚©ãƒ³ãƒˆãŒã‚ã‚Œã°ãã‚Œã§è¡¨ç¤ºã•ã‚Œã‚‹ã¯ãšã§ã™ãŒã€ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦ã¯è¡¨ç¤ºã•ã‚Œãªã„ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã•ã¦ã€Webãƒ•ã‚©ãƒ³ãƒˆã§ã¯ã€ã€ŒRobotoã€ã€ŒOpen Sansã€ã¯Googleåˆ¶ä½œã®sans-serifç³»æ¬§æ–‡ãƒ•ã‚©ãƒ³ãƒˆã€ã€ŒSource Code Proã€ã¯ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰è¡¨ç¤ºã®ãŸã‚ã«AdobeãŒä½œã£ãŸç‰å¹…æ¬§æ–‡ãƒ•ã‚©ãƒ³ãƒˆã€ã€ŒFontAwesomeã€ã¯ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã§ã™ã€‚ã¾ãŸ
Sato_4tree 2010/07/25
html

CSS

ãƒ•ã‚©ãƒ³ãƒˆ
ãƒªãƒ³ã‚¯
1