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 ),但这并不象征着不能用两个。事 上,*可以这*: <p class="text side">…</p> 同时给P元*两个类,旁边用空**开 这*所有text和side两个类的属性都会 *到P元*上来。如果它们两个类*的 性有抵触的话,后设置的起作用,即 CSS文件*放在后面的类的属性起作用 。 弥补:对于一个ID,不能这*写<p id="text side">…</p>也不能这*写 3. CSS border的缺省值 通常可以设定边界的颜色,宽度微风* ,如:border: 3px solid #000这位把边界显示成3像*宽,玄色, 实线。但实际上这里只要要指定风* 可。 如果只指定了风*,其余属性就会使 缺省值。*常地,Border的宽度缺省是m edium,一般即是3到4个像*;缺省的颜 是其*文*的颜色。如果这个值*好 适合的话,就不必设那么多了,mbt ebay 新版《何家公鸡何家猜》。 4. CSS用于文档打印 很多网站上都有一个针对打印的版本 但实际上这并不须要,*为可以用CSS 设定打印作风。 也就是说,可认为页面指定两个CSS文 ,一个用于屏幕显示,一个用于打印 <link type="text/css" rel="stylesheet" href="stylesheet.css" media="screen" /> <link type="text/css" rel="stylesheet" href="printstyle.css" media="print" <a href="http://www.mybape.com/specials.html"><strong>bape shoes</strong></a> /> 第1行就是显示,discontinued mbt shoes for sale,第2行是打印,注意其*的media属 。 但应当在打印CSS*写什么货色呢?* 以按设计一般CSS的方式来设定它,mbt maliza on sale。设计的同时就可以把这个CSS设成 示CSS来检讨它的效果。兴许*会使用 display: none 这个命令来关掉一些装潢图片,mbt tariki discount,再关掉一些导航按钮。要想懂 得更多,可以看"打印差别"这一篇。 5. 图片调换技巧 普通都倡议用尺度的HTML来显示文*, 不要使用图片,这*岂但快,也更具 可读性。但如果*想用一些特殊*体 ,就只能用图片了。 好比*想全部卖东西的图*,*就用 这个图片:<h1><img src="widget-image.gif" alt="Buy widgets" /></h1>这当然可以,但对搜寻引擎来说 和畸形文*比拟,它们对alt里面的替 文*简直没有兴致这是*为许多设计 者在这里放许多要害词来骗搜索引擎 所以方法应该是这*的:<h1>Buy widgets</h1>但这*就不特别*体了。要想到 同*后果,可以这*设计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 } 这*调用它:<div id="box">…</div>这时盒*的全宽应该是150点,这 除IE6之前的IE浏览器之外的所有浏览 上都是准确的。但在IE5这*的浏览器 上,它的全宽还是100点。可以用以前 发现的Box调整办法来处置这种差异。 但用CSS也可以达到同*的目*,让它 显示效果一致。 #box { width: 150px } #box div { border: 5px; padding: 20px } 这*调用:<div <a href="http://www.mybape.com/bape2009shoes-c-1.html"><strong>bape apes shoes</strong></a> id="box"><div>…</div></div>这*,不论什么阅读器,mbt dress shoes *国网络上市公司座次大洗牌,宽度 是150点了。 7. 块元*居*对齐 如果想做个固定宽度的网页并且想让 页程度居*的话,通常是这*: #content { width: 700px; margin: 0 auto } *会使用 <div id="content"> 来围上所有元*,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 } 这*容器内所有的元*都会绝对定位 可以这*用:<div id="container"><div id="navigation">…</div></div>假如想定位到距左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.
|