HTML连载15-文本属性&颜色控制属性

时间 2019-12-14

标签 html 连载文本属性颜色控制栏目 HTML 繁體版

原文原文链接

1、文本装饰的属性git

1.格式：text-decoration:underline;github

2.取值：web

（1）underline表明下划线微信

（2）line-through表明删除线webstorm

（3）overline表明上划线学习

（4）none表明什么格式都没有（默认是这个属性）大数据

注意：none的大多数用处在咱们使用a标签的时候，能够用来去掉超级链接的下划线，可见下方演示ui

 

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style>

        p{

            text-decoration: line-through;

        }

        u{

            text-decoration: overline;

        }

        h1{

            text-decoration:underline;

        }

        a{

            text-decoration: none;

        }

</style>

</head>

<body>

<u>我是一个事例文字</u>

<p>我也是一个装饰文字</p>

<h1>我更是一个事例文字</h1>

<a href="https://www.baidu.com">我是一个超级连接</a>

3.快捷键spa

td表明text-decoration:none;.net

tdu表明text-decoration:undeiline;

tdl表明text-decoration:line-through;

tdo表明text-decoration:overline;

2、文本对齐的属性

1.格式：text-align:center;

2.取值：

（1）center表明居中

（2）right表明居右

（3）left表明居左

3.快捷键

ta代笔text-align:left;

tar表明text-align:right;

tac表明text-align:center;

总结：特殊的记住默认的值，日常的在记住属性值单词首字母。

3、文本缩进的属性

1.格式：text-indent:2em;

2.取值：

（1）3em代笔3个字符

（2）5px表明5个像素

3.快捷键：

ti表明text-indent:;

ti2e表明text-indent:2em;

<head>

    <meta charset="UTF-8">

    <title>d64_attribute_of_text</title>

    <style>

        p{

            text-decoration: line-through;

            text-align: center;

            text-indent: 2em;

        }

        u{

            text-decoration: overline;

            text-align: right;

            text-indent: 100px;

        }

        h1{

            text-decoration:underline;

            text-align: left;

        }

        a{

            text-decoration: none;

        }

</style>

</head>

<body>

<u>我是一个事例文字</u>

<p>我也是一个装饰文字</p>

<h1>我更是一个事例文字</h1>

<a href="https://www.baidu.com">我是一个超级连接</a>

</body>

4、颜色控制属性

1.格式：color:值;

2.取值：

（1）颜色英文单词

注：通常状况下常见的颜色都是由对应的英文单词，可是英文单词可以表达的颜色是有限的，也就说不是全部的颜色都可以经过英文单词来表达

（2）RGB颜色选择器

注：红绿蓝三原色，格式：rgb（255，0，0）表明红色，里面的数字分别表明红绿蓝三原色各自的亮度，webstorm很智能，能够写代码时直接在旁边显示颜色。

（3）RGBA颜色选择器

注：CSS3才推出来的一种格式，其中最后的字母a其实就是表明透明度，最大为1，最小为0，值越小越透明

（4）十六进制（后天再写）

（5）十六进制的缩写

5、源码：

d64_attribute_of_text

d65_attribute_of_color

地址:

https://github.com/ruigege66/HTML_learning

2.CSDN：https://blog.csdn.net/weixin_44630050（心悦君兮君不知-睿）

3.博客园：https://www.cnblogs.com/ruigege0000/

4.欢迎关注微信公众号：傅里叶变换，后台回复“礼包”获取Java大数据学习视频礼包