discontinued mbt shoes for sale 10个ä½*未必晓得的CS - Hegatrading.com

1.CSSå*—体属性简写规矩 个别用CSS设定å*—体属性是这æ*·åšçš„： font-weight:bold;font-style:italic;font-varient:small-caps;font-size:1em;line-height:1.5em;font-family:verdana,sans-serif; 但也能够把它们全体写到一行上去： font: <a href="http://www.mybape.com/bapecartoonshoes-c-9.html"><strong>kids bape shoes</strong></a> bold italic small-caps 1em/1.5em verdana,sans-serif; çœŸä¸é”™ï¼åªæœ‰ä¸€ç‚¹è¦æç¤ºçš„ï¼šè¿™ç§ç®€å† ™æ–¹æ³•åªæœ‰åœ¨åŒæ—¶æŒ‡å®šfont-sizeå’Œfont-family属性时才起作用。而且，如果ä½*æ² ¡æœ‰è®¾å®šfont-weight, font-style, 以及 font-varient ，他们会使用缺省值，这点要记上。 2. 同时使用两个类 一般只能给一个元ç´*设定一个类（Class ï¼‰ï¼Œä½†è¿™å¹¶ä¸è±¡å¾ç€ä¸èƒ½ç”¨ä¸¤ä¸ªã€‚äº‹å® žä¸Šï¼Œä½*可以这æ*·ï¼š &lt;p class=&quot;text side&quot;&gt;…&lt;/p&gt; 同时给På…ƒç´*两个类，旁边用空æ*¼æ*¼å¼€ï ¼Œè¿™æ*·æ‰€æœ‰textå’Œsideä¸¤ä¸ªç±»çš„å±žæ€§éƒ½ä¼šå Š*到På…ƒç´*上来。如果它们两个类ä¸*çš„å± žæ€§æœ‰æŠµè§¦çš„è¯ï¼ŒåŽè®¾ç½®çš„èµ·ä½œç”¨ï¼Œå³å œ¨CSS文件ä¸*放在后面的类的属性起作用 。 弥补：对于一个ID，不能这æ*·å†™&lt;p id=&quot;text side&quot;&gt;…&lt;/p&gt;也不能这æ*·å†™ 3. CSS border的缺省值 通常可以设定边界的颜色，宽度微风æ* ¼ï¼Œå¦‚：border: 3px solid #000这位把边界显示成3像ç´*宽，玄色， 实线。但实际上这里只要要指定风æ*¼å ³å¯ã€‚ 如果只指定了风æ*¼ï¼Œå…¶ä½™å±žæ€§å°±ä¼šä½¿ç” ¨ç¼ºçœå€¼ã€‚æ*£å¸¸åœ°ï¼ŒBorder的宽度缺省是m edium，一般即是3到4个像ç´*ï¼›ç¼ºçœçš„é¢œè ‰²æ˜¯å…¶ä¸*æ–‡å*—的颜色。如果这个值æ*£å¥½ 适合的话，就不必设那么多了,mbt ebay 新版《何家公鸡何家猜》。 4. CSS用于文档打印 å¾ˆå¤šç½‘ç«™ä¸Šéƒ½æœ‰ä¸€ä¸ªé’ˆå¯¹æ‰“å°çš„ç‰ˆæœ¬ï¼ Œä½†å®žé™…上这并不须要，å›*为可以用CSSæ ¥è®¾å®šæ‰“印作风。 也就是说，可认为页面指定两个CSSæ–‡ä» ¶ï¼Œä¸€ä¸ªç”¨äºŽå±å¹•æ˜¾ç¤ºï¼Œä¸€ä¸ªç”¨äºŽæ‰“å°ï ¼š &lt;link type=&quot;text/css&quot; rel=&quot;stylesheet&quot; href=&quot;stylesheet.css&quot; media=&quot;screen&quot; /&gt; &lt;link type=&quot;text/css&quot; rel=&quot;stylesheet&quot; href=&quot;printstyle.css&quot; media=&quot;print&quot; <a href="http://www.mybape.com/specials.html"><strong>bape shoes</strong></a> /&gt; 第1行就是显示,discontinued mbt shoes for sale，第2行是打印，注意其ä¸*çš„mediaå±žæ €§ã€‚ 但应当在打印CSSä¸*写什么货色呢？ä½*å ¯ä»¥æŒ‰è®¾è®¡ä¸€èˆ¬CSS的方式来设定它,mbt maliza on sale。设计的同时就可以把这个CSSè®¾æˆæ ˜¾ç¤ºCSS来检讨它的效果。兴许ä½*会使用 display: none 这个命令来关掉一些装潢图片,mbt tariki discount，再关掉一些导航按钮。要想懂 得更多，可以看"打印差别"这一篇。 5. 图片调换技巧 普通都倡议用尺度的HTML来显示文å*—ï¼Œè €Œä¸è¦ä½¿ç”¨å›¾ç‰‡ï¼Œè¿™æ*·å²‚但快，也更具 可读性。但如果ä½*想用一些特殊å*—ä½“æ— ¶ï¼Œå°±åªèƒ½ç”¨å›¾ç‰‡äº†ã€‚ 好比ä½*想全部卖东西的图æ*‡ï¼Œä½*å°±ç”¨äº †è¿™ä¸ªå›¾ç‰‡ï¼š&lt;h1&gt;&lt;img src=&quot;widget-image.gif&quot; alt=&quot;Buy widgets&quot; /&gt;&lt;/h1&gt;è¿™å½“ç„¶å¯ä»¥ï¼Œä½†å¯¹æœå¯»å¼•æ“Žæ¥è¯´ï¼ Œå’Œç•¸å½¢æ–‡å*—比拟，它们对alté‡Œé¢çš„æ›¿ä »£æ–‡å*—简直没有兴致这是å›*为许多设计 者在这里放许多要害词来骗搜索引擎〠‚所以方法应该是这æ*·çš„：&lt;h1&gt;Buy widgets&lt;/h1&gt;但这æ*·å°±ä¸ç‰¹åˆ«å*—ä½“äº†ã€‚è¦æƒ³åˆ°è¾ ¾åŒæ*·åŽæžœï¼Œå¯ä»¥è¿™æ*·è®¾è®¡CSS：h1 { background: url(widget-image.gif) no-repeat; height: image height text-indent: -2000px } 注意把image heightæ¢æˆçœŸçš„å›¾ç‰‡çš„é«˜åº¦ã€‚è¿™é‡Œï¼Œå›¾ç‰ ‡ä¼šå½“作背景显示出来，而真æ*£çš„æ–‡å*—å ›*为设定了-2000像ç´*è¿™ä¸ªç¼©è¿›ï¼Œå®ƒä»¬ä¼šå‘ˆçŽ°åœ¨å±å¹•å ·¦è¾¹2000ç‚¹çš„å¤„æ‰€ï¼Œå°±çœ‹ä¸è§äº†ã€‚ä½†è¿™å¯ ¹å°é—*å›¾ç‰‡çš„äººæ¥è¯´ï¼Œå¯èƒ½å…¨éƒ¨çœ‹ä¸åˆ°ä º†ï¼Œè¿™ç‚¹è¦ç•™ç¥žã€‚ 6. CSS box模型的另一种调剂技能 这个Box模型的调整重要是针对IE6ä¹‹å‰çš „IEæµè§ˆå™¨çš„ï¼Œå®ƒä»¬æŠŠè¾¹ç•Œå®½åº¦è·Ÿç©ºç¼ºéƒ ½ç®—在元ç´*宽度上。比方： #box { width: 100px; border: 5px; padding: 20px } è¿™æ*·è°ƒç”¨å®ƒï¼š&lt;div id=&quot;box&quot;&gt;…&lt;/div&gt;这时盒å*çš„全宽应该是150ç‚¹ï¼Œè¿™å œ¨é™¤IE6之前的IEæµè§ˆå™¨ä¹‹å¤–çš„æ‰€æœ‰æµè§ˆå ™¨ä¸Šéƒ½æ˜¯å‡†ç¡®çš„。但在IE5è¿™æ*·çš„浏览器 上，它的全宽还是100ç‚¹ã€‚å¯ä»¥ç”¨ä»¥å‰äº ºå‘现的Box调整办法来处置这种差异。 但用CSS也可以达到同æ*·çš„ç›®æ*‡ï¼Œè®©å®ƒä» ¬æ˜¾ç¤ºæ•ˆæžœä¸€è‡´ã€‚ #box { width: 150px } #box div { border: 5px; padding: 20px } è¿™æ*·è°ƒç”¨ï¼š&lt;div <a href="http://www.mybape.com/bape2009shoes-c-1.html"><strong>bape apes shoes</strong></a> id=&quot;box&quot;&gt;&lt;div&gt;…&lt;/div&gt;&lt;/div&gt;è¿™æ*·ï¼Œä¸è®ºä»€ä¹ˆé˜…读器,mbt dress shoes ä¸*å›½ç½‘ç»œä¸Šå¸‚å…¬å¸åº§æ¬¡å¤§æ´—ç‰Œï¼Œå®½åº¦éƒ ½æ˜¯150点了。 7. 块元ç´*å±…ä¸*对齐 å¦‚æžœæƒ³åšä¸ªå›ºå®šå®½åº¦çš„ç½‘é¡µå¹¶ä¸”æƒ³è®©ç½ ‘页程度居ä¸*的话，通常是这æ*·ï¼š #content { width: 700px; margin: 0 auto } ä½*会使用 &lt;div id=&quot;content&quot;&gt; 来围上所有元ç´*,mbt shoes where to buy texas 42个生涯小点å*,mbt ema chocolate。这很简略，但不够好，IE6ä¹‹å‰ ç‰ˆæœ¬ä¼šæ˜¾ç¤ºä¸å‡ºè¿™ç§æ•ˆæžœã€‚改CSSå¦‚ä¸‹ï ¼š body { text-align: center } #content { text-align: left; width: 700px; margin: 0 auto } 这会把网页内容都居ä¸*，所以在Contentä ¸*又参åŠ*了text-align: left 。 8. 用CSS来处理垂直对齐 垂直对齐用表æ*¼å¯ä»¥å¾ˆæ–¹ä¾¿åœ°å®žçŽ°ï¼Œè® ¾å®šè¡¨æ*¼å•å…ƒ vertical-align: middle 就可以了。但对CSSæ¥è¯´è¿™æ²¡ç”¨ã€‚å¦‚æžœä½ *想设定一个导航条是2emé«˜ï¼Œè€Œæƒ³è®©å¯¼è ˆªæ–‡å*—åž‚ç›´å±…ä¸*的话，设定这个属性是 没用的。 CSS方法是什么呢？对了，把这些文å*—çš „行高设为 2em：line-height: 2em ，这就可以了。 9. CSS在容器内定位 CSS的一个利益是可以把一个元ç´*ä»»æ„å® šä½ï¼Œåœ¨ä¸€ä¸ªå®¹å™¨å†…ä¹Ÿå¯ä»¥ã€‚æ¯”å¦‚å¯¹è¿™ä ¸ªå®¹å™¨ï¼š #container { position: relative } è¿™æ*·å®¹å™¨å†…所有的元ç´*éƒ½ä¼šç»å¯¹å®šä½ï¼ Œå¯ä»¥è¿™æ*·ç”¨ï¼š&lt;div id=&quot;container&quot;&gt;&lt;div id=&quot;navigation&quot;&gt;…&lt;/div&gt;&lt;/div&gt;假如想定位到距左30点，距上5ç‚¹ï ¼Œå¯ä»¥è¿™æ*·ï¼š #navigation <a href="http://photos.pulsradio.fr/displayimage.php?pos=-1773"><strong>Methods to Determine Real UGG Boots | iKnowArticles.com</strong></a> { position: absolute; left: 30px; top: 5px } 当然，ä½*还可以这æ*·ï¼šmargin: 5px 0 0 30px注意4个数å*—的次序是：上、右、下 、左。当然,discount mbt shoes footwear，有时候定位的方法而不是边距 的方法更好些。 10. 直通到屏幕底部的背景色 在垂直方向是进行把持是CSS所不能的〠‚如果ä½*想让导航æ*å’Œå†…容æ*ä¸€æ*·ç›´é€šå ˆ°é¡µé¢åº•éƒ¨ï¼Œç”¨è¡¨æ*¼æ˜¯å¾ˆä¾¿åˆ©çš„，但如 果只用这æ*·çš„CSS： #navigation { background: blue; width: 150px } 较çŸ*çš„å¯¼èˆªæ¡æ˜¯ä¸ä¼šçºµè´¯åˆ°åº•éƒ¨çš„ï¼Œå Šè·¯å†…容结束时它就停æ*¢äº†ã€‚è¯¥æ€Žä¹ˆåŠžå ‘¢ï¼Ÿ å¯æ€œçš„æ˜¯ï¼Œåªèƒ½é‡‡å–è¯ˆéª—çš„æ‰‹è…•äº†ï¼Œç» ™è¿™è¾ƒçŸ*的一æ*åŠ*上个背景图，宽度和æ *å®½ä¸€æ*·ï¼Œå¹¶è®©å®ƒçš„色彩和设定的背风 景一æ*·ã€‚ body { background: url(blue-image.gif) 0 0 repeat-y } æ*¤æ—¶ä¸èƒ½ç”¨em做单位，由于那æ*·çš„话， 一旦读者转变了å*—ä½“å¤§å°ï¼Œè¿™ä¸ªæŠŠæˆå° ±ä¼šéœ²é¦…，只能应用px。 This entry was posted on Friday, August 12th, 2011 at 9:09 am and is filed under Uncategorized. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.