段落。

首行缩进 text-indent属性 比如缩进  <p style="text-indent: 2em;">这里是内容。。。。</p>

这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容

悬挂效果 <p style="text-indent: -2em;padding:2em">这里是内容。。。。</p>

这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容

对齐方式 :text-align:left|right|center|justify.  justify为两端对齐 ,word-spacing仅对英文有用,因为英文之前用空格区分的letter-spacing 为字符间距。text-transform,可以将英文全部显示为大写或者小写或者首字母大写 lowercase,upercase capitalize 比如

<p style="text-transform:lowercase">Hello wOrld</p>

<p style="text-transform:upercase">Hello wOrld</p>

<p style="text-transform:capitalize">Hello wOrld</p>

Hello wOrld

Hello wOrld

Hello wOrld

text-decoration 上划线,下划线,中划线

<p style="text-decoration:underline >Hello wOrld</p>

<p style="text-decoration:overline">Hello wOrld</p>

<p style="text-decoration:line-through">Hello wOrld</p>

<p style="text-decoration:underline overline line-through">Hello wOrld</p>

Hello wOrld

Hello wOrld

Hello wOrld

Hello wOrld

转载于:https://www.cnblogs.com/dubaokun/p/3378534.html

CSS 学习-文本 段落相关推荐

  1. CSS学习笔记--段落格式化

    段落格式化: 行间距: line-height : 150%;   //   1.5, 2em, 20px 对齐文本: text-align :   // left, right, center, j ...

  2. css学习记录三:文本属性

    css学习记录三:CSS文本属性 一.文本属性的作用 二.文本颜色 三.文本对齐 四.装饰文本 五.文本缩进 六.行间距 一.文本属性的作用 CSSS Text(文本)属性可定义文本的外观,比如文本的 ...

  3. 五 . css系列之文本段落属性及应用

    (一)CSS属性--文本属性.段落属性 1.color:修饰字体颜色,属性值可以是颜色名称(red/blue/green/gold,建议写常见的名称).十六进制.rgb值.rgba值 2.font-s ...

  4. dw中css怎么设置段落格式,Dreamweaver文本段落缩进的五种方法

    一.用自Dreaweave身所带的功能 1.在Dreamweaver中执行下面操作4次就可以插入两个汉字大小的空格. 2.用同背景色相同颜色的字符来完成插入空格,这种方法操作比较繁琐.不易修改,而且在 ...

  5. HTML/CSS学习笔记01【概念介绍、基本标签】

    w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...

  6. CSS学习之外边距合并

    外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距. 合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者. 外边距合并 外边距合并(叠加)是一个相当简单的概念.但是,在实践中对网 ...

  7. HTML CSS 学习整理

    HTML CSS 学习整理 码字不易,转载请务必注明原文出处.常用单位整理,不断学习,后期的新增笔记会继续加到文章上方 点击链接后退页面: 回到上一个网页 这是一个简单的跳转页面操作 --修改plac ...

  8. css美观文本框_如何为美观和用户友好的文本使用类型

    css美观文本框 Text is an important, if not the most important element in a design. It conveys the informa ...

  9. HTML与CSS学习总结

    HTML与CSS学习总结 一.HTML总结 1 概念 HTML是HyperText Markup Language的简称,中文名称:超文本标记语言,它是一种用于创建网页的 标准标记语言. 标记语言是由 ...

最新文章

  1. 细细品味大数据--初识hadoop
  2. 每日一皮:无良商家,难怪头发越来越少了!
  3. 【Bugly 技术干货】Android开发必备知识:为什么说Kotlin值得一试
  4. mysql 统计查询不充电_MySql查询语句介绍,单表查询,来充电吧
  5. python concurrent queue_Python的并发并行[2] - 队列[0] - queue 模块
  6. python中if语句使用_如何在python中使用'空if语句'?
  7. 机器学习和AI的Python基础
  8. python︱利用dlib和opencv实现简单换脸、人脸对齐、关键点定位与画图
  9. I2C驱动12864液晶模块程序分享ARDUINO UNO
  10. fft matlab代码,FFT的matlab程序代码
  11. uniapp H5微信公众号跳转小程序
  12. 关于银河麒麟服务器操作系统里使用TongWeb做为应用服务器出现的前台提交中文后台获取到的是乱码的问题处理思路
  13. 想自己搭建服务器,永久运行网站?一个U盘大小的树莓派就够了!
  14. java中产生0-100之间的随机整数
  15. 正睿csp七连day3
  16. 公司发布新闻宣传稿件是选新闻媒体网站还是自媒体?
  17. EXPIRED和OBSOLETE的区别
  18. 小程序云开发实现微信支付,不需要搭建服务器
  19. 求Sn=a+aa+aaa...+aaaaa的值,比如2+22+222+2222+222222
  20. Linux文件太多了怎么删除--argument too long异常

热门文章

  1. DCMTK:定义信号灯,互斥锁和读/写锁的类
  2. VTK:可视化之TextSource
  3. C++以二进制形式生成介于1到N之间的数字的算法(附完整源码)
  4. C++字节序反转的实现算法(附完整源码)
  5. OpenGL保守光栅化
  6. C++计算实时输入数据的统计信息实现算法(附完整源码)
  7. C++递增运算符重载
  8. c++外观模式façade
  9. 经典C语言程序100例之六三
  10. Python中的urllib,urllib三种不同的请求方式