【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 时,浏览器不仅会保留空白符并保留换行符,还允许自动换行。

猜你喜欢

转载自blog.csdn.net/katherine_java/article/details/50526509