CSS设计指南的笔记(16)

>我来写笔记

按有用程度 按页码先后 最新笔记

  • cong

    cong

    固定高度的元素内垂直居中一行文本,可以把这一行文本的line-height设定为改元素的高度。 垂直居中其他元素,可以将容器的display属性设定为table-row,在设定(只对单元格有效)vertical-align属性为middle <代码开始> display:table-cell; vertical-align:middle; text-align:center; </代码结束>

    2015-10-27 16:23

  • cong

    cong

    单元格(table-cell)不需要浮动就可以并排显示,而且直接为它们应用内边距也不会破坏布局。

    2015-10-27 16:14

  • cong

    cong

    1.为父元素添加overflow:hidden 2.同时浮动父元素 3.添加非浮动的清除元素 ``` .clearfix:after{ content:"."; display:block; height:0; visibility:hidden; clear:both; } ```

    2015-10-27 00:35

  • cong

    cong

    1.没有(就是没有设置width的)宽度的元素始终会扩展到填满其父元素的宽度为止。 2.为设定了宽度的盒子添加边框,内边距和外边距,会导致盒子扩展得更宽。

    2015-10-27 00:22

  • cong

    cong

    + 红:0 + 橙:35 + 黄:60 + 绿:125 + 蓝:230 + 靛:280 + 紫:305

    2015-10-27 00:01

  • cong

    cong

    ##块级标签 - <h1>-<h6> 标题 - <p> 段落 - <ol> 有序列表 - <li> 列表项 - <blockquote> 独立引用 ##行内标签 * <a> 链接 * <img> 图片 * <em> 斜体 * <strong> 重要 * <abbr> 简写 * <cite> 引证 * <q> 文本内引用

    2015-10-26 23:10

  • 河叶清

    河叶清 (我在这里记录我的生活。)

    /代码内容已省略/ 改为: /代码内容已省略/

    2015-05-21 13:56

  • 九天

    九天 (one man army)

    img 是`inline`元素

    2015-01-19 12:24

  • yuan

    yuan (自己是一切问题的答案)

    说到这,相信你就能理解为什么块级元素始终会占一行了。对了,就是因为它们始终会保持与浏览器窗口同宽。这样一来,一个块级元素旁边也就没有空间容纳另一个块级元素了。 瞎说。块级元素即便设置了宽度,小于浏览器窗口,也是独占一行啊。

    2014-06-25 23:13

  • RexKang

    RexKang

    @media link的media属性 meta中的media属性 响应式设计最重要的是对各种设备的合理展示,需要更多的测试。

    2014-06-01 11:57

<前页 1 2 后页>

笔记是你写在书页留白边上的内容;是你阅读中的批注、摘抄及随感。

笔记必须是自己所写,不欢迎转载。摘抄原文的部分应该进行特殊标明。

CSS设计指南

>CSS设计指南