CSS3學習----選擇器、字型

weixin_34198583發表於2014-07-13
CSSS3


屬性選擇器：
[att*=val]{}若att元素屬性值包括val指定字元，則使用該樣式
[att^=val]{}若att元素屬性值開頭字元為val，則使用該樣式
[att&=val]{}若att元素屬性值結尾字元為val,則使用該樣式

例：

<style type="text/css">
[id^=section1]{
		background-color: yellow;
	}
</style>


<div id="section2">演示樣例文字2</div>
	<div id="subsection1">演示樣例文字1-1</div>
	<div id="subsection2">演示樣例文字1-2</div>
	<div id="subsection2-1">演示樣例文字2-1</div>
	<div id="subsection2-2">演示樣例文字2-2</div>


target選擇器：

頁面內href跳轉時，又一次定義目標的屬性


font字型：曾經的版本號網頁中應用的特殊字型僅僅有在client有這個字型時候該字型才幹正常顯示，

             而css3支援從server中獲取字型，也就是說你把字型檔案放到font目錄，能夠直接通過url使用這個字型

             這一新的變化真的帶來了非常大的便利。例：

@font-face{
		font-family: WebFont;
		src:url('font/FZJZFW.TTF') format("truetype");
		font-weight: normal;
	}
article{
		font-family: WebFont;
	}

<article>
	<h1>文章內容</h1>
	<p>網頁級內容區塊的正文</p>
	<section>
		<h3>section級內容的正文</h3>
		<p>section級內容區塊的正文</p>
	</section>
</article>



相關文章