css字体样式属性大全（内附实例）

font-size：字号大小
font-family：字体
font-weight：字体粗细
font-style：字体风格
综合设置字体样式
font-size：字号大小

font-size 属性用于设置字体字号，该属性的值可以使用相对长度单位，也可以使用绝对单位长度，其中，相对单位比较常用，推荐使用像素单位px，绝对单位使用较少

可选参数值：

xx-small|x-small|small|medium|large|x-large|xx-large|smaller|larger

p {font-size:32px;}

font-family：字体

Font-family属性用于设置字体。网页中常用的字体有宋体，微软雅黑，黑体等。

p { font-family:”微软雅黑”;}

-可以同时指定多个字体，中间用逗号隔开，表示如果浏览器不支持第一个字体，则会尝试下一个，直到找到合适的字体，如果字体名称包括空格或中文，则应用引号括起

font-family:Verdana,Arial,’宋体’;

使用font-family设置字体时，需要注意以下几点：

在css中设置字体名称，直接写中文名是可以的。但是在文件编码（GB2312、UTF-8等）不匹配时会产生乱码的错误。
为此，在css直接使用Unicode编码来写字体名称可以避免这些错误，使用Unicode写中文字体名称，浏览器只可以正常解析的
-font-family：”\u5FAE\u8F6F\u96C5\u9ED1”,表示设置字体为“微软雅黑”
-通过escape()在浏览器的console中来获取获取后将%改成\即其Unicode编码

字体系列
衬线体：字体有修饰，比较美观
非衬线体：无修饰

Seruf :是有衬线体
Sans serif:无衬线体
-font-famliy:xxx,xxx,xxx,xxx,sans-serif;
-前面的字体都查找失败后，在系统中找一种sans-serif字体为默认字体

font-weight：字体粗细

Font-weight属性用于定义字体的粗细，其可用属性：normal（正常）、bold、bolder、lighter100~900（100的整数倍），有继承性
400： normal
700： bold
字体的加粗跟字体有关，比如：一种字体只有两种粗细程度变化，那么normal到bold和到bolder都是一样的效果

font-style：字体风格

Font-style属性用于定义字体风格，如设置斜体、倾斜或正常体，其可用属性值如下：
-normal：默认值，浏览器会显示标准的字体样式
-italic：浏览器会使用斜体的字体样式显示，如果没有斜体，那么显示正常字体
Oblique：浏览器会让文字倾斜显示

综合设置字体样式

基本语法格式：

选择器{font: font-style font-weight font-size/line-height font-family; }

顺序不要错，各个属性以空格隔开

 p {/* font:字体样式 字体是否加粗 字体大小 字体类型; */font: oblique 700 20px "微软雅黑";}

css字体样式属性大全（内附实例）相关推荐

CSS字体样式属性汇总
文章目录字体样式属性大全字体样式(font style) font属性 font-style font-variant font-weight font-size / line-height fo ...
常见的CSS字体样式属性/font-size/font-family/font-weight/font-style/font综合属性/@font-face属性/学习笔记
一.常见的CSS字体样式属性 1.font-size属性:用于设置字体字号该属性的值有相对长度单位:em(相对当前对象内文本字体尺寸)px(像素,最常用) 绝对长度单位:in(英寸)cm(厘米)m ...
CSS基础——CSS字体样式属性【学习笔记】
CSS字体样式属性调试工具 font字体 CSS外观属性快捷操作emmet语法练习案例-体育页面 1.font字体 1.1 font-size:大小作用: font-size属性用于设置字号 p ...
html中样式属性有哪些,css字体样式属性有哪些？
css字体样式属性有:1.font-size:字号大小.2.font-family:规定元素的字体系列.3.font-weight:字体粗细.4.font-style:字体风格.5.font:综合设置 ...
CSS字体样式属性（font-size、font-family、Unicode、font-weight、font-style、font）
CSS字体样式属性 font-size:字号大小 font-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位.其中,相对长度单位比较常用,推荐使用像素单位px,绝对长度 ...
HTML5常用的文本标签及css字体样式属性
HTML5常用的文本标签标签描述标题标签 HTML中一共有六级标题,标题按字号大小从大到小为H1.H2.H3.H4.H5.H6 <p> 用于定义HTML中的段落 <br> ...
php如何导入字体样式,css怎么引入外部字体？css 字体样式设置的方法（实例）...
在浏览器显示中,页面上不同的字体样式,不仅提升了页面的美观度,也提升了用户的浏览交互性.那么这些不同的字体样式是怎么用css设置的?本章就给大家带来css如何引入外部字体?css 字体样式设置的方法( ...
Css的字体样式属性大全
转:http://www.divcss5.com/rumen/r27838.shtml CSS 属性: 字体样式(Font Style) 1 字体样式 {font:font-style font-va ...
css 字体样式设置大全
css样式大全(整理版) 字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX.PD 样式 {fo ...

css字体样式属性大全（内附实例）

css字体样式属性大全（内附实例）相关推荐

最新文章

热门文章