CSS3学习 选择器、字体

当前位置 : 首页 > 网页制作 > CSS > CSS3学习 选择器、字体

CSS3学习 选择器、字体

来源: 作者: 时间:2016-01-25 10:01
65279; 65279;属性选择器:[att*=val]{}若att元素属性 20540;包含val指定字符,则使用该样式[att^=val]{}若att元素属性 20540;开头字符为val,则使用该样式[att=val]{}若att元素属性 20540;结尾字符为


属性选择器:
[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级内容区块的正文



 

 

Tag:
网友评论

<