详解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制作日历实现代码
Jan 21 HTML / CSS
可自定义箭头样式的CSS3气泡提示框
Mar 16 HTML / CSS
CSS3的Flexbox布局的简明入门指南
Apr 08 HTML / CSS
详解CSS3阴影 box-shadow的使用和技巧总结
Dec 03 HTML / CSS
Bootstrap 学习分享
Nov 12 HTML / CSS
Javascript 高级手势使用介绍
Apr 21 HTML / CSS
详解HTML5之pushstate、popstate操作history,无刷新改变当前url
Mar 15 HTML / CSS
如何用canvas实现在线签名的示例代码
Jul 10 HTML / CSS
html5实现滑块功能之type="range"属性
Feb 18 HTML / CSS
html5启动原生APP总结
Jul 03 HTML / CSS
小程序实现悬浮按钮的全过程记录
Oct 16 HTML / CSS
html中相对位置与绝对位置的具体使用
May 15 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
二次元帅气男生排行榜,只想悄悄收藏系列
2020/03/04 日漫
php防止sql注入示例分析和几种常见攻击正则表达式
2014/01/12 PHP
php实现指定字符串中查找子字符串的方法
2015/03/17 PHP
怎样搭建PHP开发环境
2015/07/28 PHP
phpstorm 正则匹配删除空行、注释行(替换注释行为空行)
2018/01/21 PHP
PHP进阶学习之反射基本概念与用法分析
2019/06/18 PHP
php多进程并发编程防止出现僵尸进程的方法分析
2020/02/28 PHP
javascript StringBuilder类实现
2008/12/22 Javascript
javascript 获取页面的高度及滚动条的位置的代码
2010/05/06 Javascript
JQuery触发radio或checkbox的change事件
2012/12/18 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
2015/03/31 Javascript
js实现带有介绍的Select列表菜单实例
2015/08/18 Javascript
jQuery插件简单学习实例教程
2016/07/01 Javascript
原生javascript 学习之js变量全面了解
2016/07/14 Javascript
酷! 不同风格页面布局幻灯片特效js实现
2021/02/19 Javascript
Bootstrap CSS组件之按钮组(btn-group)
2016/12/17 Javascript
jsonp跨域请求实现示例
2017/03/13 Javascript
CentOS 安装NodeJS V8.0.0的方法
2017/06/15 NodeJs
JS失效 提示HTML1114: (UNICODE 字节顺序标记)的代码页 utf-8 覆盖(META 标记)的冲突的代码页 utf-8
2017/06/23 Javascript
基于vue中解决v-for使用报红并出现警告的问题
2018/03/03 Javascript
使用vue-cli创建项目的图文教程(新手入门篇)
2018/05/02 Javascript
解决vue 绑定对象内点击事件失效问题
2018/09/05 Javascript
Vue一个案例引发的递归组件的使用详解
2018/11/15 Javascript
JavaScript进制转换实现方法解析
2020/01/18 Javascript
django框架如何集成celery进行开发
2017/05/24 Python
Python空间数据处理之GDAL读写遥感图像
2019/08/01 Python
python xlwt如何设置单元格的自定义背景颜色
2019/09/03 Python
Python制作运行进度条的实现效果(代码运行不无聊)
2021/02/24 Python
HTML5仿微信聊天界面、微信朋友圈实例代码
2018/01/29 HTML / CSS
Mytheresa中国官网:德国时尚奢侈品商城
2017/08/04 全球购物
英国奢侈皮具品牌:Aspinal of London
2018/09/02 全球购物
iHerb中文官网:维生素、保健品和健康产品
2018/11/01 全球购物
婴儿地球:Baby Earth
2018/12/25 全球购物
风雨哈佛路观后感
2015/06/03 职场文书
市语委办2016年第十九届“推普周”活动总结
2016/04/05 职场文书
Vue3中的Refs和Ref详情
2021/11/11 Vue.js