css设置字体样式

CreateTime--2017年12月20日16:43:35

Author:Marydon

1.font-family

  语法:属性值可以有一个或多个,多个值之间使用逗号隔开。

  说明:如果浏览器不支持第一个字体,则会尝试下一个,使用它可识别的第一个值(字体)。

  举例:

body {
    font-family: -apple-system-font,Helvetica Neue,Helvetica,Microsoft YaHei;
}

  用途:用于设置页面字体样式

  注意:设置字体为微软雅黑时,有两种方式

  方式一

font-family: "微软雅黑";

  方式二(推荐使用)

font-family: Microsoft YaHei;

  方式一声明的是中文,需要添加双引号。

2.font-size

  用途:用于设置字体大小

  注意:值需要为偶数,网页最佳字体大小为12px

3.color

  用途:设置字体颜色

  注意:没有font-color属性

时间: 2024-10-11 07:01:31

css设置字体样式的相关文章

05使用CSS设置字体和文本样式

使用CSS设置字体和文本样式: 1.定义字体类型font-family 用法: font-family:name; font-family:ncursive|fantasy|monospace|serif|sans-serif name表示字体名称,可指定多种字体,用空格隔开.按优先顺序排列.如果字体名称包含空格,则应该使用括号()括起来. font是一个复合属性,所谓复合属性是指该属性能够设置多种字体属性,用法如下: font:font-style||font-variant||font-we

iOS 设置字体样式

1.iOS设置字体样式 label.font = [UIFont fontWithName:@"Arial-BoldItalicMT" size:24]; 字体名如下: Font Family: American TypewriterFont: AmericanTypewriterFont: AmericanTypewriter-Bold Font Family: AppleGothicFont: AppleGothic Font Family: ArialFont: ArialMTF

CSS的字体样式

CSS的字体样式 1. span标签(约定俗成:重要的东西用它括起来) 首选介绍一个约定俗成的东西:span标签.一般将想要突出的东西,比较重要的东西,用span标签括起来. 比如,”学习Java“这几个字,想突出Java,就用<span>和</span>标签把Java括起来,然后在用CSS的比如id标签选择器之类的操作它. 当然,不写成span也无所谓,但这是个约定俗成的东西,用span表示重要. HTML代码: <!DOCTYPE html><html lan

css中设置字体样式

font-family: SimHei,"微软雅黑",sans-serif; 注意:加上中文名"微软雅黑"是为了兼容opera浏览器,中文字体名必须加上引号(单引号双引号都可以). 常见中文字体的英文名: 华文细黑:STHeiti Light [STXihei] 华文黑体:STHeiti 华文楷体:STKaiti 华文宋体:STSong 华文仿宋:STFangsong 儷黑 Pro:LiHei Pro Medium 儷宋 Pro:LiSong Pro Light 標

CSS的字体样式属性

css文本样式值:font-size:#px: 文字大小font-family:字体样式,如:微软雅黑font-style:文字状态如 斜体等font-weight:文字粗细text-align:文本对齐font-variant :字体之间的转变,以小型大写字体或者正常字体显示文本.line-height:行高 上下距离会有变化,也可以用于行与行之间的空间(%)text-decoration:文本装饰 underline下划线 none去除下划线text-decoration: overline

CSS之字体样式

css字体样式 font-size:字号大小 font-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位.其中,相对长度单位比较常用,推荐使用像素单位px,绝对单位使用较少. 相对长度单位 说明 em 相当于当前对象内文本的字体尺寸 px 像素,最常用,推荐使用 绝对长度单位 说明 in 英尺 cm 厘米 mm 毫米 pt 点 font-family:字体 font-family属性用于设置字体.网页中常用的字体有宋体.微软雅黑.黑体等,例如将网页中所有段落文本的

转载自前端开发:CSS设置滚动条样式

浏览器默认的滚动条样子太过屌丝了,得自己动手整整.记得IE浏览器有几个设置滚条的样式,不过比较鸡肋,只能设置颜色之类的,而且webkit下面也不支持.无意间看到网易邮箱的滚动条样子很好看,一开始以为是用div模拟的,结果一看,吼吼,正合我意,利用的CSS来设置的,而且是webkit浏览器的. 得好好研究这几个属性下,才能自己动手改造. webkit浏览器css设置滚动条 主要有下面7个属性 ::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的 ::-webkit-scroll

CSS设置滚动条样式

因为在现在的大部分项目中很多都用到了滚动条,有时候用到模拟的滚动条,现在说下滚动条的CSS也能解决. 比如网易邮箱的滚动条样子很好看,就是利用的CSS来设置的,而且是webkit浏览器的.如图所示: 下面就讲解这几个属性怎么使用,代表什么意思. 一:webkit下面的CSS设置滚动条 主要有下面7个属性 ::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的 ::-webkit-scrollbar-button 滚动条两端的按钮 ::-webkit-scrollbar-trac

CSS设置滚动条样式[转]

原文转载地址:http://www.javascript100.com/?p=756 webkit浏览器css设置滚动条 主要有下面7个属性 ::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的 ::-webkit-scrollbar-button 滚动条两端的按钮 ::-webkit-scrollbar-track  外层轨道 ::-webkit-scrollbar-track-piece  内层滚动槽 ::-webkit-scrollbar-thumb 滚动的滑块 ::-