第五章 JavaWeb CSS文本相关样式

CSS解决样式共享和可移植。

文章目录

    • font-size
    • font-family
    • font - weight
    • 字体风格font-style
    • font:综合设置字体样式
    • 文本外观样式属性
      • 文本颜色
      • 行高{字符的垂直间距}
    • 3.text-decoration:文本装饰
    • text-align用于设置文本的水平对齐方式。
    • text-indent 首行缩进

font-size

font-size推荐使用像素单位。
第五章 JavaWeb CSS文本相关样式_第1张图片

font-family

若电脑上没有按装相应字体,会自动选择另外字体。

font - weight

第五章 JavaWeb CSS文本相关样式_第2张图片

字体风格font-style

第五章 JavaWeb CSS文本相关样式_第3张图片

font:综合设置字体样式

font属性用于对字体样式进行综合设置,基本语法为
在这里插入图片描述1.顺序必须对!!!
2.属性之间用空格隔开。
3.一定要有size和family.
实例:


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>font属性title>
<style type="text/css">
.one{
      font:italic 18px/30px "隶书";}
.two{
      font:italic 18px/30px}
style>

head>
<body>

段落1: 使用font属性综合设置大法好 p>

段落2:我是对比用的p> body> html>

文本外观样式属性

文本颜色

第五章 JavaWeb CSS文本相关样式_第4张图片实际工作经常使用16进制。

行高{字符的垂直间距}

第五章 JavaWeb CSS文本相关样式_第5张图片

实际工作最常使用px,也有em

3.text-decoration:文本装饰

设置文本的下划线,上划线,删除线等装饰效果。
第五章 JavaWeb CSS文本相关样式_第6张图片

text-align用于设置文本的水平对齐方式。

第五章 JavaWeb CSS文本相关样式_第7张图片

text-indent 首行缩进

第五章 JavaWeb CSS文本相关样式_第8张图片

你可能感兴趣的:(javaweb)