zoukankan      html  css  js  c++  java
  • 【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 时,浏览器不仅会保留空白符并保留换行符,还允许自动换行。

  • 相关阅读:
    js中for..of..和迭代器
    Python与其他语言的区别
    数据结构和算法部分总结
    MVC设计模式及SSH框架的介绍
    块级元素和行内元素以及display中block、inline和inline-block的区别
    线程安全和非线程安全
    Spring MVC拦截器入门
    Java反射的理解
    mybatis
    重定向和转发
  • 原文地址:https://www.cnblogs.com/iriswang/p/11084664.html
Copyright © 2011-2022 走看看