`

CSS----font属性的缩写技巧

    博客分类:
  • CSS
CSS 
阅读更多
 
详细说明如下:
font属性是用来控制文字字体、颜色、大小等。而font的属性有多种,在通常情况下,
我们用缩写的办法将多种属性概括在一句css代码中。这样极大的减小了代码,优化css文件。


我们常用的font属性有下面这六种:
font-style设定斜体 如:font-style: italic;
font-weight设定文字粗细 如:font-weight: bold;
font-size设定文字大小 如:font-size: 12px;
line-height设定行距 如:line-height: 150%;
color设定文字颜色(注意不是font-color) 如:color: red;
font-family设定字体 如:font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif;
上述的属性,我们可以概括写在一行font属性里。
{font: italic bold 12px/150% "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif;}

分享到:
评论

相关推荐

    css-dictionary(CSS常用英语词汇详解)

    CSS中的`font`属性用于设置文本的字体系列、大小、粗细等。 - **First**: 第一个。用于描述序列中的首个元素或项目。 - **For**: 在循环语句中的一个保留字。虽然不是CSS专用词汇,但在JavaScript等编程语言中使用...

    小练习06HTML+CSS-电影公告

    这个练习旨在帮助学习者掌握基础的网页布局、文本处理、图像展示以及CSS样式设计技巧。 【HTML】是HyperText Markup Language的缩写,是用于创建网页的标准标记语言。在这个小练习中,`电影公告.html`文件很可能是...

    css通用缩写语法总结(font字体篇)

    CSS 缩写语法是CSS3中提高代码效率和可读性的重要特性,它允许开发者用更简洁的方式定义多个样式属性。在本文中,我们将重点讨论有关`font`、`margin`、`padding`以及`border`的缩写规则。 首先,让我们详细探讨`...

    CSS书写规范

    为了减少代码量和提高可读性,可以使用CSS缩写属性,如`padding`, `margin`, `font`等。例如,`padding: 10px 20px 30px 40px;`代替单独定义每个边的padding。 3. **去掉小数点前的“0”**: 对于数值,如果...

    常用css缩写语法总结

    CSS(层叠样式表)缩写是提高代码效率和可读性的关键技巧,尤其对于初学者来说,理解并熟练运用这些缩写语法能大幅提升编写CSS的速度。本文将深入探讨CSS中常见的缩写形式,包括字体(font)、边距(margin)和内...

    CSS属性编写顺序及命名规范

    2. **能简写的尽量简写**:如`font-size: .9em`替代`font-size: 0.9em`。 3. **颜色值的简化**:如`color: #666`替代`color: #666666`。 4. **词汇缩写**:如将`navigation`缩写为`nav`,但需确保缩写不会引起理解上...

    常用css缩写.doc

    字体属性包括`font-style`、`font-variant`、`font-weight`、`font-size`、`line-height`和`font-family`,可以缩写成一句: - `font: italic small-caps bold 1em/140% "Lucida Grande", sans-serif;` 至少需要提供...

    css缩写的规则

    除了基本属性的简写外,CSS还支持一些复合属性的简写: 1. **Font** - `font` 复合属性可以同时设置字体样式、大小、行高和字体族。 - `font-style`: 字体风格。 - `font-variant`: 字体变化。 - `font-weight...

    常用CSS缩写语法总结

    需要注意的是,在进行字体属性的缩写时,`font-size` 和 `font-family` 是必须提供的值。 #### 6. 列表样式的简写 列表样式的各项属性,如列表项标记类型、位置和图片,也可以被缩写。例如: ```css list-style-...

    网页制作之常用CSS缩写语法总结

    CSS缩写语法是优化代码、提高效率的重要工具,它能帮助开发者编写更简洁、易读的CSS代码。以下是一些常用的CSS缩写语法总结: 1. 颜色缩写: 当使用16进制颜色值时,如果每两位的值相同,可以进行缩写。例如,#...

    CSS经典技巧,学习CSS更轻松

    #### 一、CSS字体属性简写规则 在CSS中,我们可以将多个字体相关的属性合并成一行来书写,以提高代码的简洁性和可读性。例如: - **常规方式**:分别设置字体粗细、斜体、小写字母大写等属性。 ```css font-...

    div+css技巧

    - **背景颜色的简写形式**:当指定背景颜色时,如果颜色值由六个十六进制数字组成,则可以缩写为三个十六进制数字,例如`#8899FF`可以写成`#89F`。 - 示例代码: ```css div { background-color: #89F; } ``` ...

    常用CSS缩写语法总结.rar

    "常用CSS缩写语法总结"文档将帮助初学者和经验丰富的开发者快速查找并应用这些技巧,提升工作效率。同时,"下载说明.txt"可能提供了获取更多资源的指南,而"A5下载- 更全的站长资源平台.url"则是一个链接,可以提供...

    CSS初级教程,ppt,....

    - CSS属性涵盖广泛,如字体相关的`font-family`、`font-size`,布局相关的`margin`、`padding`,背景相关的`background-color`、`background-image`,以及盒模型属性`border`、`box-sizing`等。 ### 第七章:CSS...

    10个你未必知道的CSS技巧

    1. **CSS字体属性简写规则**:CSS允许你将多个字体相关的属性合并为一行,如`font: bold italic small-caps 1em/1.5em verdana,sans-serif;`。这包括`font-weight`、`font-style`、`font-variant`、`font-size`、`...

    div+css有实例,易学易懂

    - **背景属性的缩写**:`background`属性可以简写。 #### 布局的基础 - **布局页面的步骤**:从规划到实施的具体步骤。 - **使用ID还是Class**:根据元素的唯一性或共性选择。 - **控制内容显示的display属性**:...

    CSS样式表设计的十条技巧

    但是需要注意的是,在使用这种简写格式时,`font-size`和`font-family`是必须指定的,其他属性(如`font-weight`, `font-style`, `font-variant`)如果没有明确指定,则会采用默认值。 ### 2. 同时使用多个class ...

Global site tag (gtag.js) - Google Analytics