HTML+CSS培训教案（十一）

最新推荐文章于 2021-06-29 03:29:48 发布

红壶吃猬队

最新推荐文章于 2021-06-29 03:29:48 发布

阅读量278

点赞数

分类专栏： HTML/CSS HTML+CSS培训教案文章标签： HTML CSS 教程

本文链接：https://blog.csdn.net/chenmiaoqin950606/article/details/89434776

版权

HTML/CSS 同时被 2 个专栏收录

17 篇文章 0 订阅

订阅专栏

HTML+CSS培训教案

16 篇文章 1 订阅

订阅专栏

二十六、文字样式与排版

font-family：文字字体

Arial,“Times New Roman”——使用Arial字体，若不存在则找Times New Roman字体
font-style：倾斜效果

(1)normal(default)：不倾斜（默认选项）

(2)oblique：物理右倾15度

(3)italic：使用斜体字体库
font-weight：加粗效果

(1)normal(default)：不加粗（默认选项）

(2)blod/bloder：加粗

(3)lighter：使字体变细

(4)100-900(整百数)：可控制加粗程度
text-transform：英文大小写转换

(1)capitalize：首字母大写

(2)uppercase：全部大写

(3)lowercase：全部小写
font-size：字体大小

(1)xxpx：以像素为单位

(2)xxem：以字符高度为单位

(3)xx%：大小是原来的百分之几
文字下沉

代码

<html>
    <head>
        <meta content="text/html;charset=utf-8">
        <title>文字下沉</title>
        <style>
        p span{font-size:2em;float:left;}
        </style>
    </head>
    <body>
        <h2>Forget buggy Windows 10, Windows 11 is the operating system we want</h2>
        <p id="p1"><span>W</span>indows 10 is a very good operating system, but the October 2018 Update has left a bad taste in many users' mouths. It caused a multitude of problems, got pulled, and even after it was made available again, new issues surfaced. The April 2018 Update rolled out to users at lightning speed, but the October 2018 Update has only been installed on about 3 percent of systems to date. Ouch.</p>
        <p id="p2"><span>M</span>icrosoft has said previously that Windows 10 will be the "last version of Windows", but is it time to rethink that idea and give users an operating system that goes up to 11? Take a look and make up your own mind.</p>
    </body>
<html>

text-decoration：文字装饰

(1)none：无任何装饰

(2)underline：下划线

(3)line-throght：中划线

(4)overline：顶划线

(5)blink：文字闪烁，仅部分浏览器支持
首行缩进与悬挂缩进

代码

<html>
    <head>
        <meta content="text/html;charset=utf-8">
        <title>首行缩进与悬挂缩进</title>
        <style>
        p span{font-weight:bold;}
        #p1{text-indent:2em;}
        #p2{text-indent:-2em;padding-left:2em;}
        </style>
    </head>
    <body>
        <h2>Forget buggy Windows 10, Windows 11 is the operating system we want</h2>
        <p id="p1"><span>W</span>indows 10 is a very good operating system, but the October 2018 Update has left a bad taste in many users' mouths. It caused a multitude of problems, got pulled, and even after it was made available again, new issues surfaced. The April 2018 Update rolled out to users at lightning speed, but the October 2018 Update has only been installed on about 3 percent of systems to date. Ouch.</p>
        <p id="p2"><span>M</span>icrosoft has said previously that Windows 10 will be the "last version of Windows", but is it time to rethink that idea and give users an operating system that goes up to 11? Take a look and make up your own mind.</p>
    </body>
<html>

字词间距

(1)word-spacing：词间距

(2)letter-spacing：字母间距（中文中的单字间距）
line-height：行高

(1)xxpx：长度

(2)xx（数值）：倍数

(3)xx%：百分比
段间距

margin：（上下塌，左右加）
text-align：水平对齐

(1)left：左对齐

(2)center：居中对齐

(3)right：右对齐

(4)justify：两端对齐
文字颜色和背景颜色

(1)color：前景色（文字颜色）

(2)background[-color]：背景色
vertical-align：垂直对齐

(1)top：上对齐

(2)middle：居中对齐

(3)bottom：下对齐

红壶吃猬队

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
HTML+CSS培训教案（十一）

二十六、文字样式与排版font-family：文字字体Arial,“Times New Roman”——使用Arial字体，若不存在则找Times New Roman字体font-style：倾斜效果(1)normal(default)：不倾斜（默认选项）(2)oblique：物理右倾15度(3)italic：使用斜体字体库font-weight：加粗效果(1)normal(de...
复制链接

扫一扫