详解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实现精美横向滚动菜单按钮
Apr 14 HTML / CSS
CSS3实现复选框动画特效示例代码
Sep 27 HTML / CSS
CSS3使用transition属性实现过渡效果
Apr 18 HTML / CSS
css3翻牌翻数字的示例代码
Feb 07 HTML / CSS
HTML5的文档结构和新增标签完全解析
Apr 21 HTML / CSS
用HTML5实现鼠标滚轮事件放大缩小图片的功能
Jun 25 HTML / CSS
html5 初试 indexedDB(推荐)
Jul 21 HTML / CSS
微信小程序“圣诞帽”的实现思路详解
Dec 28 HTML / CSS
canvas实现滑动验证的实现示例
Aug 11 HTML / CSS
AmazeUI 网格的实现示例
Aug 13 HTML / CSS
前后端结合实现amazeUI分页效果
Aug 21 HTML / CSS
浅谈CSS不规则边框的生成方案
May 25 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实现图片上传并压缩
2015/12/22 PHP
Yii统计不同类型邮箱数量的方法
2016/10/18 PHP
浅谈ThinkPHP中initialize和construct的区别
2017/04/01 PHP
利用laravel+ajax实现文件上传功能方法示例
2017/08/13 PHP
jQuery timers计时器简单应用说明
2010/10/28 Javascript
JavaScript中数据结构与算法(一):栈
2015/06/19 Javascript
原生js与jQuery实现简单的tab切换特效对比
2015/07/30 Javascript
浅谈EasyUi ComBotree树修改 父节点选择的问题
2016/11/07 Javascript
深入学习Bootstrap表单
2016/12/13 Javascript
一个可复用的vue分页组件
2017/05/15 Javascript
详解Javascript中new()到底做了些什么?
2018/03/29 Javascript
微信小程序实现美团菜单
2018/06/06 Javascript
vue返回上一页面时回到原先滚动的位置的方法
2018/12/20 Javascript
微信小程序自定义带价格显示日历效果
2018/12/29 Javascript
three.js实现炫酷的全景3D重力感应
2018/12/30 Javascript
vue列表单项展开收缩功能之this.$refs的详解
2019/05/05 Javascript
基于layPage插件实现两种分页方式浅析
2019/07/27 Javascript
Vue的data、computed、watch源码浅谈
2020/04/04 Javascript
vue路由跳转传递参数的方式总结
2020/05/10 Javascript
python实现在pickling的时候压缩的方法
2014/09/25 Python
Python中用format函数格式化字符串的用法
2015/04/08 Python
python kmeans聚类简单介绍和实现代码
2018/02/23 Python
Python向Excel中插入图片的简单实现方法
2018/04/24 Python
对python中数组的del,remove,pop区别详解
2018/11/07 Python
PyCharm的设置方法和第一个Python程序的建立
2019/01/16 Python
利用python、tensorflow、opencv、pyqt5实现人脸实时签到系统
2019/09/25 Python
python plotly画柱状图代码实例
2019/12/13 Python
设置jupyter中DataFrame的显示限制方式
2020/04/12 Python
Pycharm中安装wordcloud等库失败问题及终端通过pip安装的Python库如何添加到Pycharm解释器中(推荐)
2020/05/10 Python
pycharm中leetcode插件使用图文详解
2020/12/07 Python
全球领先的各类汽车配件零售商:Advance Auto Parts
2016/08/26 全球购物
加拿大最大的箱包及旅游配件零售商:Bentley Leathers
2017/07/19 全球购物
美国肌肉和力量商店:Muscle & Strength
2019/06/22 全球购物
优秀毕业生的求职信
2014/07/21 职场文书
办公经费申请报告
2015/05/15 职场文书
孝女彩金观后感
2015/06/10 职场文书