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

  • 相关阅读:
    Stuts2的"struts.devMode"设置成true后,不起作用,仍需要重启tomcat
    Javascript和Java获取各种form表单信息的简单实例
    cascade 介绍与用法 ( oracle)
    Struts2拦截器的使用 (详解)
    关于ActionContext.getContext()的用法心得
    mySQL中如何给某一IP段的用户授权?
    【BZOJ4260】Codechef REBXOR (Trie树)
    【BZOJ4500】矩阵(差分约束)
    【BZOJ2054】疯狂的馒头(并查集,线段树)
    【BZOJ1005】[HNOI2008]明明的烦恼(prufer序列)
  • 原文地址:https://www.cnblogs.com/iriswang/p/11084664.html
Copyright © 2011-2022 走看看