HTML文本样式(基础笔记篇)
单位
- PX 百分比 em
字体的分类 - serif(衬线字体)
- sans-serif(非衬线字体)
- monospace(等宽字体)
- cursive(草书字体)
- fantasy(虚幻字体)
.以上只是一个大的分类
/设置一个文字大小/
font-size:50px;
/设置一个字体/
font-family:“华文彩云”;
/设置文字斜体/
font-style:italic;
/设置文字加粗/
font-weight:bold;
/设置一个小型大写字母/
font-variant:small-caps;
在CSS中为我们提供了可以直接一行搞定以上样式设置(font)各个样式之间用空格隔开
font:italic small-caps bold 60px “微软雅黑”;
前面三个值可以写可不写,不写就按默认值,后面文字的大小和字体顺数不能改变大小在前字体在后 - line-height行高
- text-decoration可以设置文本的修饰
可选值:none默认值
underline为文本添加下划线
overline为文本添加上划线
line-through为文本添加删除线
超链接去下划线 text-decoration:none;
letter-spacing字符间距(中文有效)
word-spacing单词之间的距离(中英都有效)
text-align(文本对齐方式)
可选值:left
right
center
justify 两端对齐text-indent(首行缩进 正值右移 负值左移)一般单位用em
HTML文本样式(基础笔记篇)相关推荐
- CSS行高、字体简写属性、文本样式学习笔记
目录 一 行高 二 字体的简写属性 三 文本的样式 一 行高 行高:line-height,指的是文字占有的实际高度,可以通过line-height设置行高. 行高可以直接指定一个大小,单位可以是px ...
- BootStrapCss(v3)样式基础笔记(简单清晰)
1.为了给段落添加强调文本,则可以添加 class="lead",这将得到更大更粗.行高更高的文本,如下面实例所示: <p class="lead"> ...
- java输入流读取几行文本_Java基础笔记Day_16
IO流(字节流) IO流概述及其分类 ** InputStream(字节输入流)和Reader(字符输入流)通俗的理解都是读(read)的.** ** OutputStream(字节输出流)和Wr ...
- CSS基础:基础选择器、字体和文本样式
CSS基础 Date: August 31, 2022 Summary: 基础选择器.字体和文本样式 基础认知 学习路径: CSS初识 CSS引入方式 CSS初识 CSS介绍 CSS:层叠样式表(Ca ...
- HTML标记fort属性最大取值,CSS(2)---css字体、文本样式属性
css字体.文本样式属性 这篇主要讲CSS文本属性中的:字体样式属性 和 文本样式属性. 一.字体样式属性 CSS 字体属性主要包括:字体设置(font-family).字号大小(font-size) ...
- css-day01笔记-CSS初识、基础选择器、文字和文本样式
typora-copy-images-to: media 第01阶段.web基础:css-day01笔记-CSS初识.基础选择器.文字和文本样式 一.CSS层叠样式表 学习目标 理解 css的目的作用 ...
- 【前端学习笔记】(三)(CSS基础、选择器、字体和文本样式)
目录 一.基础认知 1.1 CSS介绍 1.2 CSS语法规则 1.3 CSS常见属性 1.4 CSS引入方式 1.5 CSS常见三种引入方式的区别 二.基础选择器 1.标签选择器 2.类选择器 3. ...
- css笔记一-CSS简介、基础选择器、字体和文本样式
一 一.CSS简介 1.1.什么是CSS? CSS(Cascading style sheets):层叠样式表 CSS作用:给页面中的HTML标签设置样式 1.2.CSS语法规则 写在哪里? css写 ...
- 前端笔记之CSS基础 - 字体和文本样式
目录 1.字体样式 1.1.字体大小 1.2.字体粗细 1.3.文字样式(是否倾斜) 1.4.字体 1.5.层叠性 1.6.字体font相关属性的连写 2.文本样式 2.1.文本缩进 2.2.文本水平 ...
最新文章
- 网络流最大流 Dinic算法模板
- 在LVM中恢复已删除的物理卷
- Call From hadoop102/192.168.121.102 to hadoop102:9000 failed on connection exception
- spring boot + vue + element-ui全栈开发入门——前后端整合开发
- [计算机组成原理] Booth算法 —— 补码一位乘法
- 藤条生长为字母的动画
- 人生:沉得住气,方成得了器!
- at指令代码 stm32f030_stm32+ESP8266AT指令详细说明
- IOS ViewController 生命周期
- LSH︱python实现MinHash-LSH及MinHash LSH Forest——datasketch(四)
- cedit多行文本设置透明背景会重叠_python:电商用户评价文本分析(wordcloud+jieba)...
- 《Doom启示录》(1-13)
- Makefile 编写规则
- 实验4 可视化简历生成
- pythonselenium模拟登陆爬取信息_python3 使用selenium模拟登陆天眼查抓取数据
- 【sfu】network线程和主线程
- centos7搭建集群过程
- 截取固定大小图片css,css-使不同大小的图片在固定大小的容器中居中
- 远程监控技术计算机网络,计算机网络技术视角下的远程监控技术研究
- buildroot教程