??
属性选择器:
[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字体:以前的版本网页中应用的特殊字体只有在客户端有这个字体时候该字体才能正常显示,
而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速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号