站内搜索:
首页 >> 前端 >> 内容
CSS3学习 选择器、字体

时间:2014/4/28 11:08:49



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

例:

 


 

 


示例文本2

示例文本1-1

示例文本1-2

示例文本2-1

示例文本2-2


 

 

target选择器:

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

 

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

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

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

 

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


文章内容

网页级内容区块的正文

section级内容的正文

section级内容区块的正文



 

 

  • 上一篇:超可爱 纯CSS3实现的小猪、小老鼠、小牛
  • 下一篇:CSS伪元素before和after
  • 返回顶部