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)十六进制的缩写
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持开心学习网。
- html5中的语义化标签有哪些(详解HTML5常用的语义化标签)
- UrlHelper、HtmlHelper的使用
- html5支持video的视频格式(解决html5中的video标签ios系统中无法播放使用的问题)
- html5做app流程(Html5嵌入钉钉的实现示例)
- html5canvas曲线图例子(html5利用canvas实现颜色容差抠图功能)
- html5的canvas代码(H5最强接口之canvas实现动态图形功能)
- html5滑动刷新(HTML5手指下滑弹出负一屏阻止移动端浏览器内置下拉刷新功能的实现代码)
- mvc razor 输出html
- html5能取数据库吗(HTML5 客户端数据库简易使用:IndexedDB)
- ssm框架中的页面怎么写(apache SHTML网页SSI使用详解)
- html转ppt(HTML里显示pdf、word、xls、ppt的方法示例)
- 用于播放视频文件的html5元素(html5自动播放mov格式视频的实例代码)
- 用html5做一个音乐的播放器(HTML5自定义mp3播放器源码)
- sql server设置标识列(Sql Server 如何去掉内容里面的Html标签)
- 如何替换html5视频播放器(HTML5自定义视频播放器源码)
- Html5新增的标签
- 深度 倒牛奶 这一幕为何又在美国上演(深度倒牛奶)
- 美国数十万加仑牛奶倒下水道怎么回事 原因曝光令人心痛(美国数十万加仑牛奶倒下水道怎么回事)
- 探索中国神秘文字(探索中国神秘文字)
- 重温《蜗居》 宋思明选中海藻为红颜知己,纯属巧合,与爱无关(宋思明选中海藻为红颜知己)
- 越南旅游攻略(越南旅游攻略自由行)
- 成都旅游攻略(成都旅游攻略自由行最佳线路)
热门推荐
- 软件测试常用mysql语句(MySQL压力测试工具Mysqlslap的使用)
- python3函数的使用方法(Python3.5基础之函数的定义与使用实例详解参数、作用域、递归、重载等)
- sqlserver怎么手动添加数据库表(SQL Server 数据库调整表中列的顺序操作方法及遇到问题)
- 浏览器加载网页的顺序
- flex布局小技巧(详解flex实现左右布局中按钮溢出隐藏效果)
- 宝塔面板怎么找密码(宝塔面板忘记密码怎么找回?)
- mysql快速添加百万条记录(Mysql快速插入千万条数据的实战教程)
- dedecms标签调用(dedecms获取文档当前栏目所在目录链接URL)
- python函数参数讲解(Python高级特性与几种函数的讲解)
- sqlserver2012知识点(SQL Server 2012 安全概述)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9