css中的font的复合样式的顺序是怎样的？

关于css中的font的复合样式的顺序是怎样的？的讨论正在各大平台持续发酵 ，我们精心筛选了最新资讯
，希望能为您带来实质性的帮助。

可设置的属性（按顺序）： "font-style font-variant font-weight font-size/line-height font-family"

font 简写属性在一个声明中设置所有字体属性 。

font-size和font-family的值是必需的
。如果缺少了其他值，默认值将被插入 ，如果有默认值的话。

注意： line - height属性设置行与行之间的空间 。

例子：

p.ex1{

font:15px arial,sans-serif;

}

p.ex2{

font:italic bold 12px/30px Georgia,serif;

}

扩展资料：

1、font-style：指定文本的字体样式
。

属性值：

normal：默认值。浏览器显示一个标准的字体样式 。

italic：浏览器会显示一个斜体的字体样式。

oblique：浏览器会显示一个倾斜的字体样式
。

inherit：规定应该从父元素继承字体样式。 ?

2 、font-variant：设置小型大写字母的字体显示文本
，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比 ，其字体尺寸更小 。

font-variant 属性主要用于定义小型大写字母文本
。

normal：默认值。浏览器会显示一个标准的字体 。

small-caps：浏览器会显示小型大写字母的字体
。

inherit：规定应该从父元素继承 font-variant 属性的值。

3
、font-weight：属性设置文本的粗细 。

属性值：

normal：默认值
。定义标准的字符。

bold：定义粗体字符 。

bolder：定义更粗的字符
。

lighter：定义更细的字符。

100-900的整百数：定义由粗到细的字符 。400 等同于 normal，而 700 等同于 bold。

inherit：规定应该从父元素继承字体的粗细
。

4、font-size：属性用于设置字体大小。

5 、font - family：属性指定一个元素的字体 。

什么是css样式

:active

设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式
。

在CSS1中此伪类仅可用于 a 对象。对于无 href 属性(特性)的 a 对象
，此伪类不发生作用 。

在CSS2中此伪类可以应用于任何对象
。

并且 :active 可以和 :link 以及 :visited 状态同时发生。 a:active { font-size: 14pt; text-decoration: underline; color: blue; }

:hover

设置对象在其鼠标悬停时的样式 。

在CSS1中此伪类仅可用于 a 对象
。对于无 href 属性(特性)的 a 对象，此伪类不发生作用。

在CSS2中此伪类可以应用于任何对象 。

a:hover { font-size: 14pt; text-decoration: underline; color: blue; }

a:hover span{ color:red; }

CSS是Cascading Style Sheets(层叠样式表)的缩写
。是一种对web文档添加样式的简单机制 ，属于表现层的布局语言。

1.基本语法规范

分析一个典型CSS的语句：

p {COLOR:#FF0000;BACKGROUND:#FFFFFF}

其中"p"我们称为"选择器"(selectors)
，指明我们要给"p"定义样式；

样式声明写在一对大括号"{}"中；

COLOR和BACKGROUND称为"属性"(property)，不同属性之间用分号";"分隔；

"#FF0000"和"#FFFFFF"是属性的值(value) 。

2.颜色值

颜色值可以用RGB值写 ，例如：color : rgb(255,0,0)
，也可以用十六进制写，就象上面例子color:#FF0000。如果十六进制值是成对重复的可以简写 ，效果一样
。例如:#FF0000可以写成#F00。但如果不重复就不可以简写
，例如#FC1A1B必须写满六位 。

3.定义字体

web标准推荐如下字体定义方法：

body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; }

字体按照所列出的顺序选用
。如果用户的计算机含有Lucida Grande字体，文档将被指定为Lucida Grande。没有的话 ，就被指定为Verdana字体
，如果也没有Verdana，就指定为Lucida字体 ，依此类推，；

Lucida Grande字体适合Mac OS X；

Verdana字体适合所有的Windows系统；

Lucida适合UNIX用户

"宋体"适合中文简体用户;

如果所列出的字体都不能用
，则默认的sans-serif字体能保证调用;

4.群选择器

当几个元素样式属性一样时，可以共同调用一个声明 ，元素之间用逗号分隔
，： p, td, li { font-size : 12px ; }

5.派生选择器

可以使用派生选择器给一个元素里的子元素定义样式，例如这样：

li strong { font-style : italic; font-weight : normal；}

就是给li下面的子元素strong定义一个斜体不加粗的样式 。

6.id选择器

用CSS布局主要用层"div"来实现 ，而div的样式通过"id选择器"来定义
。例如我们首先定义一个层

<div id="menubar"></div>

然后在样式表里这样定义：

#menubar {MARGIN: 0px;BACKGROUND: #FEFEFE;COLOR: #666;}

其中"menubar"是你自己定义的id名称。注意在前面加"#"号 。

id选择器也同样支持派生
，例如：

#menubar p { text-align : right; margin-top : 10px; }

这个方法主要用来定义层和那些比较复杂，有多个派生的元素
。

6.类别选择器

在CSS里用一个点开头表示类别选择器定义 ，例如：

.14px {color : #f60 ;font-size:14px ;}

在页面中
，用的方法调用：

<span >14px大小的字体</span>

这个方法比较简单灵活，可以随时根据页面需要新建和删除。

7.定义链接的样式

CSS中用四个伪类来定义链接的样式 ，分别是：a:link
、a:visited、a:hover和a : active
，例如：

a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}

a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}

a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}

a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;}

以上语句分别定义了"链接 、已访问过的链接、鼠标停在上方时
、点下鼠标时"的样式 。注意，必须按以上顺序写 ，否则显示可能和你预想的不一样
。记住它们的顺序是“LVHA ”。

Dreamweaver怎么样才能不使用样式CSS

CSS是Cascading Style Sheets（层叠样式表单）的简称 。更多的人把它称作样式表。顾名思义，它是一种设计网页样式的工具
。借助CSS的强大功能
，网页将在您丰富的想象力下千变万化。

禁用css，在cs5里才有这种功能 ，但是它从“CSS 样式
”面板中注释掉部分 CSS
，而不必直接在代码中做出更改 。 但是等你删除或禁用了css后就得不到你想要的效果了
。步骤如下：

1. 在“CSS 样式”面板（“窗口 ”>“CSS 样式
”）的“属性”窗格中，选择要禁用的属性。

2.单击“属性 ”窗格右下角的“禁用/启用 CSS 属性”图标(在cs3里,是“删除...
”图标）如果将鼠标悬停在属性自身的左侧 ，也会显示该图标 。

单击“禁用/启用 CSS 属性”图标后
，该属性的左侧将显示一个“已禁用 ”图标
。要重新启用该属性，请单击“已禁用
”图标 ，或右键单击 (Windows) 或按住 Ctrl 单击 (Macintosh OS) 该属性
，然后选择“启用”。

3.（可选）要在所选的规则中启用或删除所有禁用的属性，请右键单击 (Windows) 或按住 Ctrl 单击 (Macintosh OS) 从中禁用了属性的任何规则或属性 ，然后选择“启用选定规则中禁用的所有项 ”或“删除选定规则中禁用的所有项
” 。

如果你的要求不高
，那可以不用，如果你想网页漂亮点 ，那就很难不用到css
。在Dreamweaver里你修改它是自动生成了css，那你就要自己动手改代码了。

不过像你说的字体问题
，你可以用<h1>文字</h1>、<h2>文字</h2> 、<h3>文字</h3>....这样的标签来写，这样就不用css ，这个本身就是有字体大小的 。还可以用一些字体的标签来修饰文字
，比如加粗
、斜体等等

关于css中的font的复合样式的顺序是怎样的？的探讨就到这里，您是否还有其他想了解的内容？欢迎在评论区留言告诉我们 ，同时别忘了点击关注哦！