CSS的未来：一些试验性CSS属性（7）
作者：vocal 来源：前端观察 发布时间：2011-06-10 13:20:00
quotes
你会因为你的CMS不知道如何正确转换引用符号而纠结么？那么开始使用quotes属 * 。这样你就可以自定义任何符号了。然后你就可以用:before和:after伪元素为任何期望的元素指定引号了，悲催的是，webkit浏览器不支持这个属性——经测试，chrome 11已经开始支持这个属性了（之前的版本没有测试）。
示例
前面的两个符号决定第一级引用内容的引号，后面的两个用于二级引用，以此类推：
q {
quotes: '«' '»' "‹" "›";
}
下面两行用于为选定元素指定引号:
q:before {content: open-quote}
q:after {content: close-quote}
这样，<p><q>This is a very <q>nice</q> quote.</q></p>看起来将会是酱紫的：
«This is a very ‹nice› quote.»
浏览器支持: CSS 2.1.,除了WebKit，IE 7和IE6的所有现代浏览器。不过chrome是支持的。。。
扩展阅读: W3C
问题：要直接的添加符号，CSS文档必须要设置为UTF-8吗？这是一个很纠结的问题。遗憾的是，我不能给出一个明确的答案。我的经验是，不必要设置什么特定的字符集，然后utf-8字符集可能会出错，因为它显示错掉的字符(比如”»”)。而是用iso-8859-1 字符集，一切就都是正常的。
W3C这样描述：”由于上个例子中由’quotes’定义的引号方便的定位在电脑键盘上，高质量的字符则需要不同的10646字符集。”
你或许听说过但是没有记住的CSS3属性
接近尾声，让我们重温一些不太流行的以及不像border-radius和box-shadow那样被广泛需求的CSS3属性。
text-overflow
或许你会常常遇到这个问题：某个容器对于其内的文字来说太小了，然后你不得不用javascript来截断字符串并添加”…”符号以避免文字溢出。
忘掉它吧！采用CSS3和text-overflow: ellipsis，如果文字比它的容器的宽度要长的话，你就可以强制文字以”…”结束它。唯一的要求是设置overflow:hidden。不幸的是，Firefox不支持这个属性，但是貌似在最近的版本中将会提供支持。
示例
div {
width: 100px;
text-overflow: ellipsis;
}
浏览器支持: CSS 3，所有浏览器的最新版本，除了Firefox，IE从IE6开始支持，据说Firefox到6.0也会提供支持的——希望如此吧。
扩展阅读: W3C
0
投稿猜你喜欢
语法df.drop_duplicates(subset = None,- import turtle as tt.setup(800,600,0,0,)t.pensize(2)t.speed(1)t.color(&
- 今天是我们js入门系列演示的最后一节了（暂时我是这样计划的），但是请朋友们记住，前面的实例你都很熟悉了的话也不代表我们就懂了JS，甚至连入门
- 下面是效果图，这个效果图是没有开启干扰码的效果图 下面是类代码 <?php /****************************
- 很多时候，由于程序设计需要，要求在asp的include包含文件里调用动态的文件。如<!--#include file=&q
- 错误15105，从网上找了一些解决方案，一般都是说文件的权限不足的问题，当然附加的时候必须是有数据库附加权限才可以操作的。解决办法1：给相应
- 前言值类型：所有像int、float、bool和string这些类型都属于值类型，使用这些类型的变量直接指向存在内存中的值，值类型的变量的值
- 首先看一下自定义提示框的效果图alert 普通的提示当然可以自定义样式confrim 确认框 支持callback//message 提示的
- Microsoft建立了一种既灵活又强大的安全管理机制，它能够对用户访问SQL Server服务器系统和数据库的安全进行全面地管理。按照本文
- DataLoader完整的参数表如下：class torch.utils.data.DataLoader( dataset, batch_s
- IE的for...in循环存在严重的缺陷，除了性能低下外，有许多属性不可遍历，著名有这三兄弟：constructor ,toString ,
- requests 提供了一个叫做session类，来实现客户端和服务端的会话保持使用方法1.实例化一个session对象2.让session
- Python中的数据类型共有六个，分别是：字符串，数字，布尔类型，列表，元祖，字典，集合其中分为可变的类型和不可变的：可变类型：列表，字典，
- 本文实例讲述了Python mutiprocessing多线程池pool操作。分享给大家供大家参考，具体如下：python — mutipr
- Sequence Typessequence类型有六种：strings, byte sequences (bytes objects), b
- Oracle数据库开发应用中经常对数据库管理员有这样的需求，对比两个不同实例间某模式下对象的差异或者对比两个不同实例某模式下表定义的差异性，
- php遍历目录和文件的场景在很多时候都能用到，遍历目录方法的方法有好几种，那么应该使用
- 本文提供许多的滤波方法，这些方法放在filters.rank子模块内。这些方法需要用户自己设定滤波器的形状和大小，因此需要导入morphol
- 其实最近看了不少Golang接口以及方法的阐述都有一个地方没说得特别明白。就是在Golang编译隐式转换传递给方法使用的时候，和调用函数时的
- 本文实例讲述了c#操作附加数据库的方法。分享给大家供大家参考。具体如下：/// <summary>/// 附加数据库/// &l
