上海企业网站模板,亚马逊查关键词排名工具,产品网站建设设计方案,学校网站建设方法接上文。
除了前面的颜色样式外#xff0c;字体样式和文本样式也是网页设计中的重要组成部分。
合适的字体和文本排版#xff0c;不仅可以使页面更加美观#xff0c;也可以提升用户体验。接下来#xff0c;我们先来看看CSS如何设置字体样式。
字体样式 同时设置了字体样…接上文。
除了前面的颜色样式外字体样式和文本样式也是网页设计中的重要组成部分。
合适的字体和文本排版不仅可以使页面更加美观也可以提升用户体验。接下来我们先来看看CSS如何设置字体样式。
字体样式 同时设置了字体样式的四个属性字体类型、字体风格 、字体粗细和字体大小。 style /* css设置字体样式 */ p { font-family: serif; font-style: italic; font-weight: bold; font-size: 30px; } /style p网页开发基础/p 字体类型 font-family 属性用于设置字体类型。 第4行设置字体类型为serif它是网页设计中最常用的字体族之一。还有一种常用的为sans-serif。 style /* css设置字体类型 */ p { font-family: serif; } /style pfont-family属性用于设置字体类型/p 字体风格 font-style属性用于设置字体风格。 第4行设置字体风格为italic它表示字体以斜体显示。 style /* css设置字体风格 */ p { font-style: italic; } /style pfont-style属性用于设置字体风格/p
字体大小 font-size属性用于设置字体的大小。 第4行设置字体大小为30px表示字体大小为30像素。 px表示像素是常用的长度单位像素值越大字体就越大。 当涉及到和长度有关的属性值时我们推荐使用像素px这种长度单位来表示。 style /* css设置字体大小 */ p { font-size: 30px; } /style pfont-size属性用于设置字体大小/p
补充
字体类型扩展
我们通常设置font-family 属性时会使用几种字体名称作为一种备选机制。字体间以逗号隔开如果浏览器不支持第一种字体它将依次尝试下一种。并且字体名称中包含空格时则必须用引号包裹起来例如Times New Roman style /* css设置字体类型 */ p { font-family:Times New Roman ,serif; } /style 代码具体说明
font属性 font是字体的英文所以font属性可以设置所有的字体样式。 通过font属性设置多个属性时有严格的先后顺序。 牢记字体大小和字体类型是必须设置的并且字体类型放在最后。 这里我们只设置font-size和font-family两个属性的值其余属性会自动使用默认值。 style /* 使用标签选择器通过font属性设置p元素的字体样式 */ p { font: 30px serif; } /style pfont属性的用法/p
补充
这里一定需要注意不同的属性值之间使用空格间隔。比如字体大小的值30px和字体类型的值serif中间有一个空格。 style /* 使用标签选择器通过font属性设置p元素的字体样式 */ p { font: 30px serif; } /style pfont属性的用法/p
总结
