文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
首页 > web前端 > css教程 > 正文

css中voice-family: ""}"";有什么作用？

黄舟
发布： 2017-07-17 14:12:59
原创
2677人浏览过

css中voice-family: "\"}\"";有什么作用？

#centercontent { 
                 background-color: #006600;
                   background-image: url(../img/home_main_bg.gif);
                   background-repeat: repeat-x;
                   height: 502px;
                   width: 772px;
                   margin-top: 0px;
                   margin-right: auto;
                  margin-bottom: 0px;
                   margin-left: auto;
                   border: 1px solid #006600;
                   voice-family: "\"}\""; 
                   voice-family: inherit; 
                   height: 500px;
                   width: 770px;
}
登录后复制

 在此设定宽度为770PX，边框为1PX，但在Window IE5.5以前的浏览器中浏览页面时，main层宽度会比实际宽度少2px（770px-1px-1px）,因此需要予以纠正，在此就介绍一种纠正方法。此处利用了样式表的“层叠”特性，对于同一个选择符的相同属性，后定义的值会覆盖前面定义的值。

        而"voice-family:"\"}\"" ;voice-family:inherit;" 是CSS的语音属性，由于Window IE5.5不完全支持CSS2，不识别此属性，因此跳到下一个选择符。

        IE5并不能正确读取voice-family: “\”}\”"; voice-family:inherit;这两段，所以在读取第二个Width前就放弃读取#centercontent了。

        这样便能在同一个Class里定义两个Width值。（而实际上这是重复定义的典型，不过并不会在其他浏览器产生问题。）

立即学习“前端免费学习笔记（深入）”；

 

 

另一种不用voice-family: "\"}\"";的方法来解决：

width: 770px 
width : 772px;

以上就是css中voice-family: ""}"";有什么作用？的详细内容，更多请关注php中文网其它相关文章！

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：css：voice-family属性的详解 下一篇：css声音属性中azimuth属性详解
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
CSS如何制作骨架屏？CSS加载占位动画技巧 骨架屏是通过CSS实现的加载过渡效果，核心在于使用HTML结构与CSS动画模拟内容轮廓并提升用户体验。具体步骤包括：1.使用HTML搭建无内容的页面结构；2.通过CSS设置浅灰色背景与动画实现动态闪烁效果；3.利用border-radius或clip-path控制骨架屏形状；4.数据加载完成后通过JavaScript移除骨架屏；5.优化性能时避免复杂形状、使用CSS动画并减少重绘重排；6.可根据网络环境动态调整骨架屏复杂程度；7.骨架屏区别于loading动画，其优势在于提供内容预期而非单纯提示
2025-06-24 15:04:02
251
css中的var是什么意思 css中var变量的功能解析 在CSS中，var函数允许使用自定义属性值，使样式表更灵活和易于维护。使用var的好处包括：1.集中管理样式值，修改一个变量即可更新所有使用该变量的地方；2.可以设置备用值，确保即使变量不存在也能应用默认值；3.变量可嵌套使用，提高灵活性；4.适用于主题颜色和间距管理，方便切换主题风格。
2025-06-24 14:25:01
445
css如何调整元素层级？css层级属性使用指南 z-index属性用于控制元素的堆叠顺序，数值越大越靠前。要使用z-index，必须为元素设置非static的position值（如relative、absolute、fixed或sticky），否则该属性无效。堆叠上下文会影响z-index的表现，某些CSS属性（如transform、opacity、filter等）会创建新的堆叠上下文，导致子元素的z-index仅在该上下文中生效。常见问题包括：1.忘记设置position导致z-index无效；2.父元素堆叠上下文限制子元素层级；3.z-i
2025-06-24 14:09:02
341
css中100vh是什么 css中100vh单位的含义解释 100vh在CSS中代表视口高度的100%，常用于创建全屏布局和确保元素高度与视口一致。100vh适应浏览器窗口大小变化，适用于响应式设计，但需注意移动设备上的视口计算问题。
2025-06-24 14:04:02
943
css如何实现响应式布局？css响应式设计教程 响应式布局的核心是通过媒体查询、Flexbox、Grid等技术组合，使网页自动适配不同设备。1.媒体查询根据屏幕特性应用不同CSS规则；2.Flexbox用于一维布局，Grid用于二维布局，二者结合实现灵活结构；3.响应式图片可通过srcset、picture元素或CSS背景图实现；4.排版使用相对单位、viewport单位和clamp函数优化阅读体验；5.测试需借助浏览器工具、在线工具及真实设备；6.最佳实践包括移动优先、内容优先、保持简洁和使用框架；7.常见问题如图片变形、文本溢出等可通过相
2025-06-24 13:46:01
236
margin在css中什么意思 css中margin属性的含义详解 在CSS中，margin属性用于控制元素与其周围元素之间的空白区域。1.margin定义了元素边框外围的空间，影响布局和间距。2.可以设置上、右、下、左四个方向的外边距，使用长度值、百分比或auto。3.负值可使元素向相反方向移动，但需谨慎使用。4.外边距折叠是指相邻元素的外边距合并，而不是累加。5.建议减少margin使用，优先使用padding和现代布局方法，简化值以优化性能。
2025-06-24 13:26:01
417
css中span什么意思 css中span标签的定义解析 span在CSS中用于包装文本或内联元素，以便应用样式或脚本操作。1.它是内联元素，不携带视觉意义，但可通过CSS赋予样式。2.常用于精细排版控制，如改变文本颜色、字体、背景。3.可嵌套在其他元素中，但需避免滥用。4.可与CSS伪类结合，创造动态效果。5.注意其默认不换行，可通过display属性调整。6.过度使用可能影响SEO和性能，需谨慎使用并优化。
2025-06-24 12:52:02
411
css如何调整元素大小？css尺寸属性设置技巧 在CSS中精确控制元素尺寸需掌握多个要点。1.使用width和height设置基础尺寸，推荐配合box-sizing:border-box，使padding和border包含在设定值内，避免溢出；2.为防止内容过多导致布局异常，可使用min-width、max-width、min-height、max-height限制尺寸范围；3.百分比尺寸基于父元素计算，父元素需明确高度以确保子元素百分比生效；4.图片尺寸通过object-fit控制适应方式，如cover保持比例填充容器，contain完整显
2025-06-24 12:09:02
703
CSS怎么添加边框图片？CSS图片边框使用技巧 CSS添加边框图片的核心方法是使用border-image属性，它包括五个子属性：border-image-source指定图片路径；border-image-slice将图片分割为九个区域，值根据图片设计调整，确保角和边完整；border-image-width定义边框宽度，建议用固定值避免百分比带来的不确定性；border-image-outset设置图片超出边框的距离；border-image-repeat控制图片重复方式，如round可调整大小以完整显示。使用时需注意兼容性问题，可通过设
2025-06-24 11:30:03
678
CSS链接样式如何设置 链接样式设置指南 要设置CSS链接样式，首先使用伪类控制不同状态下的外观，其次通过CSS变量统一风格，接着优化悬停效果与可访问性，最后结合响应式设计与预处理器提升维护效率。具体步骤如下：1.使用a:link、a:visited、a:hover、a:active分别设置未访问、已访问、悬停和激活状态的链接样式，确保顺序正确（LoVeHAte）；2.利用CSS变量（如--link-color）统一网站链接风格，便于全局修改；3.添加transition、transform或box-shadow实现平滑或动态悬停效果；
2025-06-24 11:12:02
204
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

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

  • PHP学习

  • 技术支持

  • 返回顶部