html正确的颜色表达方式(HTML文本属性&颜色控制属性的实现)
html正确的颜色表达方式
HTML文本属性&颜色控制属性的实现一、文本装饰的属性
1.格式:text-decoration:underline;
2.取值:
(1)underline代表下划线
(2)line-through代表删除线
(3)overline代表上划线
(4)none代表什么格式都没有(默认是这个属性)
注意:none的大多数用处在我们使用a标签的时候,可以用来去掉超级连接的下划线,可见下方演示
<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.快捷键
td代表text-decoration:none;
tdu代表text-decoration:undeiline;
tdl代表text-decoration:line-through;
tdo代表text-decoration:overline;
二、文本对齐的属性
1.格式:text-align:center;
2.取值:
(1)center代表居中
(2)right代表居右
(3)left代表居左
3.快捷键
ta代笔text-align:left;
tar代表text-align:right;
tac代表text-align:center;
总结:特殊的记住默认的值,平常的在记住属性值单词首字母。
三、文本缩进的属性
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>
四、颜色控制属性
1.格式:color:值;
2.取值:
(1)颜色英文单词
注:一般情况下常见的颜色都是由对应的英文单词,但是英文单词能够表达的颜色是有限的,也就说不是所有的颜色都能够通过英文单词来表达
(2)RGB颜色选择器
注:红绿蓝三原色,格式:rgb(255,0,0)代表红色,里面的数字分别代表红绿蓝三原色各自的亮度,webstorm很智能,可以写代码时直接在旁边显示颜色。
(3)RGBA颜色选择器
注:CSS3才推出来的一种格式,其中最后的字母a其实就是代表透明度,最大为1,最小为0,值越小越透明
(4)十六进制(后天再写)
(5)十六进制的缩写
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持开心学习网。
- html文字标签设置(如何给HTML标签中的文本设置修饰线)
- html5 页面向上滑动(html5手机键盘弹出收起的处理)
- jquery获取outerhtml
- 在html代码如何添加php代码(php生成HTML文件的类方法)
- 用于播放视频文件的html5元素(html5自动播放mov格式视频的实例代码)
- html+css网页布局实例(网页布局入门教程 如何用CSS进行网页布局)
- html5和css3最新特性(html5中使用hotcss.js实现手机端自适配的方法)
- dede高性能设置(让dedecms生成html速度快1倍)
- Html5中的<section>标签
- html5自动静音(html5录音功能实战示例)
- html表单星号怎么标记(使用CSS 给表单必选项添加星号的实现方法)
- html5长按动画效果(HTML5实现移动端弹幕动画效果)
- MVC扩展HtmlHelper实现CheckBoxList
- html5图片做背景代码(Html5之webcoekt播放JPEG图片流)
- html如何给table加边框(HTML table 表格边框的实现思路)
- html5滑动刷新(HTML5手指下滑弹出负一屏阻止移动端浏览器内置下拉刷新功能的实现代码)
- oppo手机的三种录屏方法,你知道有哪些吗(oppo手机的三种录屏方法)
- 吉林神秘传染链跨省 传染源尚未找到,舒兰 封城(吉林神秘传染链跨省)
- 吉林舒兰 封城 聚集性疫情传播链已延至沈阳,有一个细节让人忧心(吉林舒兰封城)
- 1天密接者猛增77人,患者轨迹透露危险信号 吉林市全面封闭管理(1天密接者猛增77人)
- 吉林舒兰 封城 15人确诊 276人隔离,出现跨省传播(吉林舒兰封城)
- 四月新番CP人气榜公布,《剃须》两度上榜,沙优不是女朋友(四月新番CP人气榜公布)
热门推荐
- mysql创建数据库基本指令(MySql 新建用户与数据库的实际操作步骤)
- 阿里云rds移动数据库(阿里云跨区域服务器迁移镜像迁移,RDS数据库迁移图文教程)
- SqlServer 英文单词全字匹配详解及实现代码(SqlServer 英文单词全字匹配详解及实现代码)
- html5定位教学(Html5 webview元素定位工具的实现)
- docker部署带配置的镜像(docker安装fastdfs镜像的一些注意事项)
- dedecms更新后设置空白(Dedecms去掉URL中a目录的方法)
- python开源协议简介(对python 自定义协议的方法详解)
- dedecms新手建站教程网页设计(DEDECMS幻灯片中JavaScript实际应用举例)
- dedecms参数改不了(dedecms安全设置集合整理)
- php验证码图解(php/JS实现的生成随机密码验证码功能示例)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9