CSS之字体属性的设置
1.font-famaily---------设置字体
语法:font-family:“字体1”,“字体2”
2.font-size--------设置字号
font-size:大小的取值
取值如下:
xx-small:绝对字体尺寸,最小。
x-small:绝对字体尺寸,较小。
small:绝对字体尺寸,小。
medium:绝对字体尺寸,正常默认值
large:绝对字体尺寸,大
xx-large:绝对字体尺寸,最大
larger:相对字体尺寸,相对于父对象字体尺寸进行相对增大
smaller:相对字体尺寸,相对于父对象字体尺寸相对减小
length:可采用百分比或长值,不可为负值,其百分比取值是基于对象中的字体
3.字体风格font-style
字体风格font-style属性用来设置字体是否为斜体
语法:font-style:样式的取值
取值有三种:<1.>normal 默认正常字体,<2.>italic以斜体显示文字,< 3.>oblique属于中间状态以偏斜体显示
4.加粗字体font-weight
设置字体粗细
语法:font-weight:字体粗细
取值:<1.>normal,正常粗细;<2.>bold表示粗体<3.>bolder表示特粗<4.>
lighter表示特细体、<4.>number,不是真正的取值,范围100–900.
5.小写字母转为大写字母font-variant
将小写字母转化为大写
语法:font-variant;取值
取值情况:normal,表示正常显示;另一个是small-caps,字体较小
6.字体符合属性
可以设置font的符合属性,用来简化CSS代码
语法:font:字体取值
说明:复合属性可以直接将以上属性取值写上。
实例:
font:宋体 bold italc //不得不说一句复合牛逼
CSS之字体属性的设置相关推荐
- css文本外观属性中设置字体,css 文本外观属性(text) 和 字体样式属性(font)
css文本 text外观属性 color: 颜色值(red,blue)十六进制 ,rgb letter-spacing: 字间距 px,em word-spacing: 单词间距 对中文无效 line ...
- CSS Fonts字体属性
CSS Fonts(字体)属性 CSS Fonts(字体)属性用于定义字体系列.大小.粗细.和文字样式(如斜体) 一.CSS使用font-family属性定义文本的字体系列 h2 {font-fami ...
- php中字体样式的设置,CSS里字体样式怎么设置
在网页中我们常常对网页中文字设置字体,用font-family这个属性就可以对字体样式进行设置了.那么我们今天就来教大家从html的字体到css字体的设置方法. 原始的html字体设置 Html的文字 ...
- html css 文本 字体属性详解
文本.字体属性 文本属性 color 为字体颜色 font-style 用于打开和关闭斜体文本 font-weight 为字体设置粗细程度 font-size 为文字指定大小 font-family ...
- html / CSS 自定义字体font 自己设置好看的特效字体
这篇文章的主题是CSS3属性 : @font-face 楼主很喜欢CSS3的一些新增属性,给我们前端程序员带来了非常很多福利,我们的页面也可以做的更加的美观. 直接放效果图吧,因为代码较长,放在最下面 ...
- html css超链接字体颜色,HTML-CSS设置超链接颜色字体
我们可以用CSS控制超链接字体样式,下面先来看一段代码: 1.代码语义说明: a:link --指正常的未被访问过的链接状态: a:visited --指链接被访问后的状态: a:hover: --指 ...
- 从零开始学前端:CSS字体属性和文本属性 --- 今天你学习了吗?(CSS:Day08)
从零开始学前端:程序猿小白也可以完全掌握!-今天你学习了吗?(CSS) 复习:从零开始学前端:CSS引入 - 今天你学习了吗?(CSS:Day07) 文章目录 从零开始学前端:程序猿小白也可以完全掌握 ...
- php网页代码字体颜色设置,html和css中字体颜色设置的相关总结
网页中颜色的运用是网页必不可少的一个元素.使用颜色目的在于有区别.有动感.美观之用,同时颜色也是各种各样网页的样式表现元素之一,所以在我们的日常开发中不管是前端还是后端都离开不字体颜色,那么我们今天就 ...
- CSS字体属性与文本属性详解
文章目录 1. CSS字体属性 1.1 字体系列 1.2 字体大小 1.3 字体粗细 1.4 字体样式 1.5 字体复合属性 1.6 字体属性总结 2. CSS文本属性 2.1 文本颜色 2.2 对齐 ...
最新文章
- MySQL这样写UPDATE语句,劝退
- Gurobi Optimizer的安装教程
- 数字图像处理目录列表
- ObjectARX_图形数据库
- 以下结点node定义了一个学生的信息。函数find查找并返回学号小于num,且下一节点学号不小于num的结点指针
- [css] css中Scroll-behavior属性有什么应用场景?
- qtcreator摄像头显示时间_三星Galaxy S11 +渲染器展现出巨大的相机凹凸和四边形曲面显示...
- 索尼PS5突然“上架”?预购价约7244元...
- 世界杯座位选择顺序总数
- 深入解析Windows操作系统之第一章:概念与工具
- ensp的下载与安装
- 做网站搭建服务器,个人服务器搭建做网站
- STM32网络之DMA控制器
- 计算机联锁中JDF是什么组合,2019年新准线海勒斯壕南站站改工程招标公告
- Android系统手机为什么卡?
- matlab学习笔记 bsxfun函数
- Android Studio 2.3 打包apk
- 响应服务器554,服务器554
- O_DIRECT打开文件失败
- 计算机保研复习专业课篇(408+数学+部分专业课)