html5文字用margin做重叠,【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 时，浏览器不仅会保留空白符并保留换行符，还允许自动换行。