码迷,mamicode.com
首页 > Web开发 > 详细

CSS3学习----选择器、字体

时间:2014-07-14 10:22:24      阅读:249      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   使用   文件   2014   



属性选择器:
[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>



CSS3学习----选择器、字体,布布扣,bubuko.com

CSS3学习----选择器、字体

标签:style   blog   color   使用   文件   2014   

原文地址:http://www.cnblogs.com/mengfanrong/p/3841545.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!