详解HTML5中CSS外观属性


Posted in HTML / CSS onSeptember 10, 2020

CSS外观属性

1.color:文本颜色

作用:color属性用于定义文本的颜色

取值方式:

详解HTML5中CSS外观属性

注意:我们实际工作中,用16进制的写法是最多的,而且我们更喜欢简写方式比如#f00代表红色

2.text-align:文本水平对齐方式

作用:text-align属性用于设置文本内容的水平对齐,相当于html中的align对齐属性

属性值如下:

详解HTML5中CSS外观属性

注意:是让盒子里边的内容水平居中,而不是让盒子居中对齐

3.line-height:行间距

作用:
line-height属性用于设置行间距,就是行与行之间的距离,即字符的垂直间距,一般称为行高

单位:
line-height常用的属性值单位有三种,分别为像素px 相对值em 百分比%

4.text-indent:首行缩进

作用:
text-indent属性御用设置首行文本的缩进

5.text-decoration 文本的装饰

作用:
通常用于给超链接修改装饰效果

详解HTML5中CSS外观属性

6.css外观属性总结

详解HTML5中CSS外观属性

到此这篇关于详解HTML5中CSS外观属性的文章就介绍到这了,更多相关html5 css外观属性内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章,希望大家以后多多支持三水点靠木!

HTML / CSS 相关文章推荐
用CSS3将你的设计带入下个高度
Aug 08 HTML / CSS
CSS3的transition和animation的用法实例介绍
Aug 20 HTML / CSS
实例讲解CSS3中Transform的perspective属性的用法
Apr 22 HTML / CSS
老生常谈CSS中的长度单位
Jun 27 HTML / CSS
用CSS3和table标签实现一个圆形轨迹的动画的示例代码
Jan 17 HTML / CSS
详解Html5微信支付爬坑之路
Jul 24 HTML / CSS
HTML5的结构和语义(5):交互
Oct 17 HTML / CSS
HTML5标签小集
Aug 02 HTML / CSS
浅谈html5增强的页面元素
Jun 14 HTML / CSS
html5 canvas 实现光线沿不规则路径运动
Apr 20 HTML / CSS
html5中使用hotcss.js实现手机端自适配的方法
Apr 23 HTML / CSS
CSS link与@import的区别和用法解析
May 07 HTML / CSS
详解如何在登录过期后跳出Ifram框架
Sep 10 #HTML / CSS
HTML5中input输入框默认提示文字向左向右移动的示例代码
Sep 10 #HTML / CSS
HTML5输入框下拉菜单功能的示例代码
Sep 08 #HTML / CSS
boostrap modal 闪现问题的解决方法
Sep 01 #HTML / CSS
HTML5 SEO优化的一些建议
Aug 27 #HTML / CSS
Amaze UI 文件选择域的示例代码
Aug 26 #HTML / CSS
h5封装下拉刷新
Aug 25 #HTML / CSS
You might like
php运行出现Call to undefined function curl_init()的解决方法
2010/11/02 PHP
用php来改写404错误页让你的页面更友好
2013/01/24 PHP
PHP 使用header函数设置HTTP头的示例解析 表头
2013/06/17 PHP
关于PHPDocument 代码注释规范的总结
2013/06/25 PHP
php命名空间学习详解
2014/02/27 PHP
php 二维数组时间排序实现代码
2016/11/19 PHP
基于Jquery的仿Windows Aero弹出窗(漂亮的关闭按钮)
2010/09/28 Javascript
jQuery代码优化 事件委托篇
2011/11/01 Javascript
javaScript NameSpace 简单说明介绍
2013/07/18 Javascript
js左侧三级菜单导航实例代码
2013/09/13 Javascript
深入解析JavaScript框架Backbone.js中的事件机制
2016/02/14 Javascript
用JavaScript动态建立或增加CSS样式表的实现方法
2016/05/20 Javascript
原生js三级联动的简单实现代码
2016/06/07 Javascript
Bootstrap分页插件之Bootstrap Paginator实例详解
2016/10/15 Javascript
使用微信内嵌H5网页解决JS倒计时失效问题
2017/01/13 Javascript
vue.js 获取select中的value实例
2018/03/01 Javascript
iview在vue-cli3如何按需加载的方法
2018/10/31 Javascript
JS中的函数与对象的创建方式
2019/05/12 Javascript
nodejs使用socket5进行代理请求的实现
2020/02/21 NodeJs
JS实现多功能计算器
2020/10/28 Javascript
[04:37]DOTA2英雄梦之声Vol20发条
2014/06/20 DOTA
解决python3 urllib中urlopen报错的问题
2017/03/25 Python
python中enumerate() 与zip()函数的使用比较实例分析
2019/09/03 Python
Pytorch使用MNIST数据集实现基础GAN和DCGAN详解
2020/01/10 Python
使用python无账号无限制获取企查查信息的实例代码
2020/04/17 Python
Django+Celery实现动态配置定时任务的方法示例
2020/05/26 Python
Python数据相关系数矩阵和热力图轻松实现教程
2020/06/16 Python
如何设置PyCharm中的Python代码模版(推荐)
2020/11/20 Python
Python爬虫实例之2021猫眼票房字体加密反爬策略(粗略版)
2021/02/22 Python
声明struct x1 { . . . }; 和typedef struct { . . . }x2;有什么不同
2012/06/02 面试题
应届生求职信
2014/05/31 职场文书
小学教师暑期培训方案
2014/08/28 职场文书
教师节倡议书
2014/08/30 职场文书
个人年底工作总结
2015/03/10 职场文书
开学第一周日记(三篇范文)
2019/08/23 职场文书
低端且暴利的线上线下创业项目分享
2019/09/03 职场文书