Rumah > hujung hadapan web > html tutorial > CSS3学习选择器、字体_html/css_WEB-ITnose

CSS3学习选择器、字体_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-24 12:05:25
asal
973 orang telah melayarinya

??

属性选择器:
[att*=val]{}若att元素属性值包含val指定字符,则使用该样式
[att^=val]{}若att元素属性值开头字符为val,则使用该样式
[att&=val]{}若att元素属性值结尾字符为val,则使用该样式

例:

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

<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>
Salin selepas log masuk


target选择器:

页面内href跳转时,重新定义目标的属性


font字体:以前的版本网页中应用的特殊字体只有在客户端有这个字体时候该字体才能正常显示,

而css3支持从服务器中获取字体,也就是说你把字体文件放到font文件夹,可以直接通过url使用这个字体

这一新的变化真的带来了很大的便利。例:

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

<article>	<h1>文章内容</h1>	<p>网页级内容区块的正文</p>	<section>		<h3>section级内容的正文</h3>		<p>section级内容区块的正文</p>	</section></article>
Salin selepas log masuk



Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan