CSS文本与字体的属性

css文本与字体的属性

文本属性

text-decoration（文字装饰线）的属性

text-tabsform(设置文字大小写转换)：用的比较少

text-indent 用于对第一行内容的缩进

text-align用于设置元素内容在元素中的水平对齐方式（默认左对齐）

字体属性

font-size设置字体大小

(p元素选择器会重叠掉box1,而span却会继承，因为父类的字体大小即为1em)

font-family设置文字的字体

可以设置多个字体，从左到右按顺序直到找到可用的字体。英文字体只适用于英文而中文字体同时适用于中文和英文。

font-weight设置文字的粗细（重量）

100/200/300/900/：对应于文字的不同重量

font-style设置文字的常规与斜体

line-height行高的设置

元素高度为100px，若不设置行高，文字无法垂直居中

font缩写属性的使用方式

原文地址：https://www.cnblogs.com/coderzzw/p/12533516.html

时间： 2024-10-05 11:18:59

CSS文本与字体的属性的相关文章

CSS文本、字体个别属性效果对比

text-align:justify:文本两端对齐效果 text-decoration 下划线.上划线.中划线 text-index 首行缩进效果 text-shadow 文本阴影 text-transform 控制单词字母的大小写 font-variant 显示小型的大写字母的字体(对小写字母有效) 原文地址:https://www.cnblogs.com/liangdecha/p/9681634.html

CSS 文本、字体、链接

CSS 文本属性可定义文本的外观. 通过文本属性,您可以改变文本的颜色.字符间距,对齐文本,装饰文本,对文本进行缩进,等等. 缩进文本把 Web 页面上的段落的第一行缩进,这是一种最常用的文本格式化效果. CSS 提供了 text-indent 属性,该属性可以方便地实现文本缩进. 通过使用 text-indent 属性,所有元素的第一行都可以缩进一个给定的长度,甚至该长度可以是负值. 这个属性最常见的用途是将段落的首行缩进,下面的规则会使所有段落的首行缩进 5 em: p {text-ind

HTML学习笔记 CSS文本及字体及连接及列表第七节（原创）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>文本及字体及连接及列表</title> <link rel="stylesheet" href="tzy.css" type="text/css"></head><body

HTML学习笔记 CSS文本及字体及连接及列表(a标签使用及缩进) 案例第七节（原创）参考使用表

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>文本及字体及连接及列表</title> <link rel="stylesheet" href="tzy.css" type="text/css"> </head> <

CSS知识点之字体大小属性font-size

管理文本的大小在 web 设计领域很重要.但是,不应当通过调整文本大小使段落看上去像标题,或者使标题看上去像段落.请始终使用正确的 HTML 标题,比如使用 <h1> - <h6> 来标记标题,使用 <p> 来标记段落. font-size 值可以是绝对或相对值. 绝对值: 将文本设置为指定的大小不允许用户在所有浏览器中改变文本大小(不利于可用性) 绝对大小在确定了输出的物理尺寸时很有用相对大小: 相对于周围的元素来设置大小允许用户在浏览器改变文本大小注意:如果

css中背景字体文体属性练习

@charset "utf-8"; body{ background-color:#332244;/*//背景颜色*/ background-image:("../kk.jpg");/*//背景图片*/ backgroud-repeat:no-repeat;/*//不平铺*/ background-position:center;/*居中*/ background-attachment:fixed;/*固定*/ text-indent:24px;/*缩进*/ tex

css 文本属性详细总结

CSS 文本属性可定义文本的外观. 通过文本属性,您可以改变文本的颜色.字符间距,对齐文本,装饰文本,对文本进行缩进,等等. 1,text-align 横向排列,也就是水平对齐它会影响一个元素中的文本行互相之间的对齐方式属性值有:left(默认),center,right p{ text-align:right } text-align:center 与 <CENTER> 您可能会认为 text-align:center 与 <CENTER> 元素的作用一样,但实际上二者大不相

CSS的字体样式属性

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

7.文本和字体属性

字体相关CSS属性介绍 font-family 字体系列. font-family可以把多个字体名称作为一个"回退"系统来保存.如果浏览器不支持第一个字体,则会尝试下一个.浏览器会使用它可识别的第一个值. 简单实例: body { font-family: "Microsoft Yahei", "微软雅黑", "Arial", sans-serif } 如果设置成inherit,则表示继承父元素的字体. font-weight