美文网首页
css零基础到入门第三章【字体和文本样式】

css零基础到入门第三章【字体和文本样式】

作者: 着迷呀 | 来源:发表于2023-10-03 03:39 被阅读0次

三、字体和文字样式

1.字体样式

1.1字体大小 font-size

font-size:数字+px

1.2字体粗细 font-weight

font-weight
取值:

正常 加粗
normal bold
400 700

纯数字:100~900的整百整数

1.3字体样式 font-style

font-style(是否倾斜)
取值

正常(默认值)normal
倾斜 italic

1.4 字体系列 font-family

取值:font-family:字体名字

2.文本样式

1.文本缩进 text-indent
取值数字+px;或者数字+em,推荐后者

2.文本水平对齐方式 text-align:center
能让下面这些居中:
1.文本
2.span标签,a标签
3.input标签,img标签

3.文本修饰 text-decoration

属性值 效果
underilne 下划线
line-through 删除先
overline 上划线
none 无装饰线

扩展:开发中会使用text-decoration:none清除a标签默认的下划线

3.line-height行高

作用:控制一行的上下行间距
取值
数字+px;
倍数
当line-height:1;可以取消上下间距

如何让div、p、h水平居中?

可以通过 margin: 0 auto;实现

相关文章

  • CSS介绍

    CSS简介 CSS基础选择器 CSS字体属性 CSS文本属性 CSS的引入方式 CSS简介 CSS是层叠样式表(C...

  • 从零开始学CSS - 样式

    样式 CSS 背景属性 CSS 文本属性 CSS 字体属性 链接 常见的链接样式,text-decorat...

  • web-3

    目录:1 基础认知2 基础选择器3 字体和文本样式4 chrome调试工具5 综合案例 一:CSS介绍 1 css...

  • 前端Day5

    CSS基础与进阶 1.什么是CSS? CSS是层叠样式表,主要用于设置HTML文本内容(字体,大小,对齐方式等)...

  • 九、CSS字体属性与文本属性

    一、CSS字体属性与文本属性 1、CSS字体属性 CSS Fonts(字体)属性用于定义、大小、粗细、和文字样式(...

  • CSS-Style样式

    CSS 样式 背景 文本 字体 链接 列表 表格 轮廓 end

  • day03

    A今天学了什么? 1.CSS基本样式讲解 1.1css背景样式 1.2CSS文本 1.3CSS字体 1.4.css...

  • day03 css基本样式 + 表格table + 轮廓 + 透

    1.css基本样式 1.1 css背景 1.2 css文本 1.3 css字体 1.4 css链接 1.5 css...

  • css 01

    css 初识 css 通常称为css样式或层叠样式表(级联样式),主要用于设置html页面中的文本内容(字体,大小...

  • web前端入门到实战:css选择器和css文本样式相关

    css基础-css选择器和css文本样式相关: 使用link链入外部样式,页面加载时会同时加载样式 @import...

网友评论

      本文标题:css零基础到入门第三章【字体和文本样式】

      本文链接:https://www.haomeiwen.com/subject/fohebdtx.html