作者:pan2502851807 | 来源:互联网 | 2023-05-16 09:11
1、文本阴影text-shadow向标题添加阴影:h1{text-shadow:5px5px5px#FF0000;}2、word-wrap自动换行实例允许对长单词
1、 文本阴影
text-shadow
向标题添加阴影:
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
2、 word-wrap
自动换行
实例
允许对长单词进行拆分,并换行到下一行:
p {word-wrap:break-word;}
值 描述
normal 只在允许的断字点换行(浏览器保持默认处理)。
break-word 在长单词或 URL 地址内部进行换行。
3、 text-overflow
规定当文本溢出包含元素时发生的事情。
语法
text-overflow: clip|ellipsis|string;
值 |
描述 |
clip |
修剪文本。 |
ellipsis |
显示省略符号来代表被修剪的文本。 |
string |
使用给定的字符串来代表被修剪的文本。 |
CSS3字体
在 CSS3 之前,web 设计师必须使用已在用户计算机上安装好的字体。
通过 CSS3,web 设计师可以使用他们喜欢的任意字体。当找到或购买到希望使用的字体时,可将该字体文件存放到 web 服务器上,它会在需要时被自动下载到用户的计算机上。
Firefox、Chrome、Safari 以及 Opera 支持 .ttf
(True Type Fonts) 和 .otf
(OpenType Fonts) 类型的字体。
Internet Explorer 9+ 支持新的 @font-face 规则,但是仅支持 .eot
类型的字体 (Embedded OpenType)。
示例:
使用您需要的字体
在新的 @font-face 规则中,您必须首先定义字体的名称(比如 myFirstFont),然后指向该字体文件。
如需为 HTML 元素使用字体,请通过 font-family 属性来引用字体的名称 (myFirstFont):
使用粗体字体
您必须为粗体文本添加另一个包含描述符的 @font-face:
@font-face
{
font-family: myFirstFont;
src: url('Sansation_Bold.ttf'),
url('Sansation_Bold.eot'); /* IE9+ */
font-weight:bold;
}