文本、字体属性

文本属性

color 为字体颜色
font-style 用于打开和关闭斜体文本
font-weight 为字体设置粗细程度
font-size 为文字指定大小
font-family 为文字指定特殊的字体，浏览器只会使用浏览器可以访问到的字体
字体图标
text-decoration 设置或者取消文本修饰
text-align 文字排列方式
text-indent 文本缩进属性
text-transform 设置或者取消字体改变
text-shadow 设置或者取消文本阴影

颜色属性

格式： color：值
取值：英文单词、rgb、rgba、十六进制

英文单词，一般常见的颜色都有对应的英文单词，color:red;
rgb其实就是三原色, 其中r(red 红色) g(green 绿色) b(blue 蓝色)
格式: color:rgb(0,0,0);
第一、二、三个数字分别用来设置红、绿、蓝色的显示亮度
rbga 比 rbg 多了一个a，这个a代表的是透明度，取值为0-1，取值越小就越透明，格式：color:rgba(0,0,0，0.1);
十六进制，在前端开发中通过十六进制来表示颜色, 其实本质就是RGB，十六进制中是通过每两位表示一个颜色，例如：#FFEE00

font-style（用于打开和关闭斜体文本）

格式：font-style: italic;
取值： normal ：正常的，默认就是正常的，italic : 倾斜的

font-weight (为字体设置粗细程度)

格式： font-weight: bold;
取值： bold 加粗， bolder 比加粗还要粗， lighter 细线，默认就是细线
数字取值： 100-900之间整百的数字，400 等同于 normal，700 等同于 bold

font-size 为文字指定大小

格式：font-size: 30px;
单位：px（像素 pixel）(通过font-size设置大小一定要带单位)

font-family 为文字指定特殊的字体

格式：font-family:"楷体";
通用字体 (直接使用，不需要加引号)：

serif:有衬线的字体,笔画结尾有特殊的装饰线或衬线
sans-serif:无衬线的字体，笔画结尾是平滑的字体
monospace:等宽字体，用于代码，字体中每个字宽度相同
cursive:草书，这种字体有的有连笔，有的还有特殊的斜体效果。
fantasy:装饰字体，具有特殊艺术效果的字体

文本装饰的属性

格式: text-decoration: underline;
取值:

underline 下划线
line-through 删除线
overline 上划线
none 什么都没有, 最常见的用途就是用于去掉超链接的下划线

文本水平对齐的属性

格式: text-align: right;
取值： left 左， right 右，center 中

文本缩进的属性

格式: text-indent: 2em;
取值： 2em, 其中是em单位, 一个em代表缩进一个文字的宽度

设置或者取消字体改变

作用：用于使文本显示为全大写或全小写
格式： text-transform: none;

none 防止任何改变
uppercase 将文本转换为大写
lowercase 将文本转换为小写
capitalize 将所有单词第一个字母转换为大写
full-width 转换为类似于一个等宽字体

字体阴影

格式: text-shadow: h-shadow v-shadow blur color;
取值：

none:取消所有阴影
h-shadow :必需。水平阴影的位置。允许负值
v-shadow :必需。垂直阴影的位置。允许负值
blur:可选。模糊的距离
color:可选。阴影的颜色

html css 文本字体属性详解相关推荐

CSS中line-height属性详解(CSS之四)
CSS中line-height属性详解基本概念 line-height,又称行高,指的是两行文字基线之间的距离,又可以称为这行文字所占的高度. 图中两行基线之间的距离就是行高,基线相关可以查看CSS ...
DIV css中cursor属性详解-鼠标移到图片变换鼠标形状 (转)
css中cursor属性详解-鼠标移到图片变换鼠标形状语法: cursor : auto | all-scroll | col-resize| crosshair | default | hand ...
(图文详细)最通俗易懂的CSS 浮动float属性详解
(图文详细)最通俗易懂的CSS 浮动float属性详解声明:本文属于搬砖大神的文章到自己的博客上,原文地址为:https://www.cnblogs.com/iyangyuan/archive/20 ...
3.2-7 字体属性详解
字体属性详解 1.font-family属性 1.font-family属性用于设置字体: font-family:"微软雅黑": 2.字体可以是列表形式,一般英语字体放在前面,后 ...
css动画相关属性详解
css动画相关属性详解文章目录 css动画相关属性详解什么是CSS动画? 一.@keyframes规则二.延迟动画-animation-delay 三.设置动画应运行多少次animation-i ...
CSS中margin属性详解
margin属性概述 margin是CSS层叠样式表中用来规定围绕在元素边框周围空白区域范围的属性. 该接受任何长度单位,可以是像素.英寸.毫米或 em. 相关属性 margin 可以单独改变元素的上 ...
CSS中float属性详解
首先我们了解到,CSS网页布局的原理,就是按照HTML代码中对象声明的顺序,以流布局的方式来显示它,而流布局就不得不说到float浮动技术..在HTML中的所有对象,默认分为两种:块元素(block ...
css 的 hover属性详解
css 的 hover 属性是一种伪类选择器,它可以用来在鼠标悬停在某个元素上时改变该元素或其子元素.同级元素.相邻元素的样式 .hover 属性可以应用于任何元素,不仅仅是链接 .使用 hover ...
HTML/CSS中文本text属性详解
我们可以通过添加一些HTML标记和CSS属性来设置text文本的样式. HTML中的标记包括结构化标记和语义化标记两种,结构化标记简单来说是用来标记标题和段落的,而语义化标记则是不会影响到网页的结构. ...

html css 文本字体属性详解

文本、字体属性

颜色属性

font-style（用于打开和关闭斜体文本）

font-weight (为字体设置粗细程度)

font-size 为文字指定大小

font-family 为文字指定特殊的字体

文本装饰的属性

文本水平对齐的属性

文本缩进的属性

设置或者取消字体改变

字体阴影

html css 文本字体属性详解相关推荐

最新文章

热门文章

html css 文本 字体属性详解

文本、字体属性

颜色属性

font-style（用于打开和关闭斜体文本）

font-weight (为字体设置粗细程度)

font-size 为文字指定大小

font-family 为文字指定特殊的字体

文本装饰的属性

文本水平对齐的属性

文本缩进的属性

设置或者取消字体改变

字体阴影

html css 文本 字体属性详解相关推荐

最新文章

热门文章

html css 文本字体属性详解

html css 文本字体属性详解相关推荐