CSS 属性 font

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>CSS</title>
 6     <style type="text/css">
 7         .test {
 8             font: italic small-caps bold 28px/34px "微软雅黑";
 9         }
10     </style>
11 </head>
12 <body>
13 <p class="title">font 属性</p>
14 <p>格式：font：[ [ &lt;"font-style"&gt; || &lt;"font-variant"&gt; || &lt;"font-weight"&gt; ]? &lt;"font-size"&gt; [ / &lt;"line-height"&gt;
15     ]? &lt;"font-family"&gt; ] </p>
16 <table>
17     <tr>
18         <td>&lt;"font-style"&gt;：</td>
19         <td>指定文本字体样式</td>
20         <td>可选属性：</td>
21         <td>normal | italic | oblique</td>
22     </tr>
23     <tr>
24         <td>&lt;"font-variant"&gt;：</td>
25         <td>指定文本是否为小型的大写字母</td>
26         <td>可选属性：</td>
27         <td>normal | small-caps</td>
28     </tr>
29     <tr>
30         <td>&lt;"font-weight"&gt;：</td>
31         <td>指定文本字体的粗细</td>
32         <td>可选属性：</td>
33         <td>normal | bold | bolder | lighter | &lt;integer&gt;</td>
34     </tr>
35     <tr>
36         <td>&lt;"font-size"&gt;：</td>
37         <td>指定文本字体尺寸</td>
38         <td>可选属性：</td>
39         <td>absolute-size> | &lt;relative-size&gt; | &lt;length&gt; | &lt;percentage&gt;</td>
40     </tr>
41     <tr>
42         <td>&lt;"line-height"&gt;：</td>
43         <td>指定文本字体的行高</td>
44         <td>可选属性：</td>
45         <td>normal | &lt;length&gt; | &lt;percentage&gt; | &lt;number&gt;</td>
46     </tr>
47     <tr>
48         <td>&lt;"font-family"&gt;：</td>
49         <td>指定文本使用某个字体或字体序列</td>
50         <td>可选属性：</td>
51         <td>[ &lt;family-name&gt; | &lt;generic-family&gt; ]</td>
52     </tr>
53 </table>
54 <h1 class="test">This is test text.</h1>
55 </body>
56 </html>

时间： 2024-10-01 07:42:03

CSS 属性 font的相关文章

CSS属性之字体(Font)

CSS属性之字体(Font) font:[ [ <font-style> || <font-variant> || <font-weight> ]? <font-size> [ / <line-height> ]? <font-family> ] 复合属性,各属性见下文. 必须同时包含font-size和font-family,且这两个值顺序不能变,其他关键字的值放到这两个值的前面,顺序可以随意打乱. 可以在字号值(font-siz

CSS字体属性(font)

字体名称属性(font-family) 这个属性设定字体名称,如Arial, Tahoma, Courier等.例句如下: .s1 {font-family:Arial} 字体大小属性(font-size) 这个属性可以设置字体的大小.字体大小的设置可以有多种方式,最常用的就是pt和px(pixel).例句如下: .s2 {font-size:16pt} 字体风格属性(font-style) 这个属性有三个值可选:normal, italic, oblique.normal是缺省值,italic

CSS属性

CSS样式属性一.字体 1.font-family:Tahoma,Arial,"Hiragino Sans GB";字体,第一种字体不能显示时,用第二种字体 2.font-size:xx-small or 10px字体大小:绝对大小:xx-small.x-small.medium.large.x-large.xx-large.x-large.xx-l相对大小:large smaller 使用数字和度量单位绝对单位:px:显示器像素个数mm.cm.in:毫米厘米英寸,使用这类单位,

可用于jquery animate（）方法的css属性

* backgroundPosition * borderWidth * borderBottomWidth * borderLeftWidth * borderRightWidth * borderTopWidth * borderSpacing * margin * marginBottom * marginLeft * marginRight * marginTop * outlineWidth * padding * paddingBottom * paddingLeft * paddi

JS里引用CSS属性时候的命名

????如果JS代码中设置<p>元素的另一个CSS属性font-family.这个属性的获取方式与color属性略有不同,因为 font和family之间的连字符与JS中减法操作符相同,JS会把它解释为减号.如果你像下边这样访问名为 font-family 的属性,会收到一条出错信息: ????Element.style.font-family ????JS将减号前边的内容解释为"元素的style属性的font属性",把减号后的内容解释为一个名为family的变量,将整个表

CSS属性定义文本修饰边框效果背景修饰

一.CSS属性定义1.css颜色表示方法[重点]rgb(红绿蓝3个颜色通道强度值为0-255)rgb(0,0,0)rgba(alpha a是透明度值为0-1)rgba(123,123,123,0) hslhsla(h:色相,色环上(ppt78页)的角度值,0-360 s:饱和度,0-100% l:明度,0-100% a:不透明度,0-1之间的小数)color:hsla(30,100%,50%,0.8); 十六进制(一般格式为#ffffff)(字母范围从A-F,数字从0-9 ) opacity

CSS属性（常用的属性）

CSS属性(常用的属性)http://www.w3school.com.cn/cssref/index.asp 一:文本与字体属性 1.字体属性 (1):font-size:字体的大小(例如:font-size:14px)(em当前对象内文本字体大小 pt绝对长度单位(多少个点的单位)px相对长度单位(像素)) (2):font-family:字体的类型(例如:font-family:"隶书","宋体",Arial,"Times New Roman&quo

css之font值应该是怎样的

我们在这四个月中,我们用了很长时间学习html.css.js,我们常在css中用到这样的属性: .div1 { border-left-width:1px; border-left-style:solid; border-left-color:#ddd; } .div2 { padding-top:3px; padding-right:4px; padding-bottom:5px; padding-left:6px; } .div3 { background-position:111px 22

整理推荐的CSS属性书写顺序

一. Mozilla 建议CSS规则 <span style="font-family:Microsoft YaHei;">/* Suggested order: * display * list-style * position * float * clear * width * height * margin * padding * border * background * color *