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

php中文网
发布: 2016-06-24 12:05:25
原创
1182人浏览过

??

属性选择器:
[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跳转时,重新定义目标的属性

微软文字转语音
微软文字转语音

微软文本转语音,支持选择多种语音风格,可调节语速。

微软文字转语音 0
查看详情 微软文字转语音


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

             而css3支持从服务器中获取字体,也就是说你把字体文件放到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>
登录后复制


立即学习前端免费学习笔记(深入)”;


相关标签:
HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号