【HTML打卡】0115 margin重叠、内联元素、css控制段落

中午自己做了小当家黄金炒饭，还做了一个下午的钱包。手工真是不行，汉子手艺，一个下午才把孔打好，而且还打错了俩孔。。。还是继续当厨师好啦~
晚上陪家人散步、去看小侄儿小侄女，好羡慕他们家有小狗狗超萌，最后小侄女被我逗得舍不得我走哈哈小朋友还是很可爱的。
周末：放假。

1、margin重叠
上下：
普通元素重叠，取得较大的margin值。
float元素 margin值叠加。

2、内联元素、块状元素、转化：
inline：span
block：div
转化：display

3、css控制段落：
p /p
段落缩进：text-indent：35px
文字方向：text-align：center | right
文字装饰线：text-decoration：underline | line-through
字母间距：letter-spacing：5px

其他：
background-color文本背景颜色
color 文本字体的颜色
text-indent 首行文本的缩进
text-align 文本对齐 方式 left center right
letter-spacing 字体间的距离
text-transform none 默认值 不变text-transform uppercase 文本全大写text-transform lowercase 文本全小写
text-transform 每个单词首字母大写
word-spacing 属性可以改变字（单词）之间的标准间隔。其默认值 normal 与设置值为 0 是一样的。

word-spacing 属性接受一个正长度值或负长度值。如果提供一个正长度值，那么字之间的间隔就会增加。为 word-spacing 设置一个负值，会把它拉近：
white-space 值为normal时 去除空白字符
white-space 属性设置为 pre 时，浏览器不会合并空白符，也不会忽略换行符 ，与之相对的值是 nowrap，它会防止元素中的文本换行，除非使用了一个 br 元素。在 CSS 中使用 nowrap 非常类似于 HTML 4 中用 将一个表单元格设置为不能换行，不过 white-space 值可以应用到任何元素。
当 white-space 属性设置为 pre-wrap 时，浏览器不仅会保留空白符并保留换行符，还允许自动换行。

转载于:https://www.cnblogs.com/iriswang/p/11084664.html