cong对《CSS设计指南》的笔记(6)

CSS设计指南
  • 书名: CSS设计指南
  • 作者: 史密斯
  • 页数: 288
  • 出版社: 人民邮电出版社
  • 出版年: 2013-5
  • 第4页
    ##块级标签
    - <h1>-<h6> 标题
    - <p> 段落
    - <ol> 有序列表
    - <li> 列表项
    - <blockquote> 独立引用
    ##行内标签
    * <a> 链接
    * <img> 图片
    * <em> 斜体
    * <strong> 重要
    * <abbr> 简写
    * <cite> 引证
    * <q> 文本内引用
    2015-10-26 23:10:34 回应
  • 第61页
    + 红:0
    + 橙:35
    + 黄:60
    + 绿:125
    + 蓝:230
    + 靛:280
    + 紫:305
    2015-10-27 00:01:43 回应
  • 盒子模型结论
    1.没有(就是没有设置width的)宽度的元素始终会扩展到填满其父元素的宽度为止。
    2.为设定了宽度的盒子添加边框,内边距和外边距,会导致盒子扩展得更宽。
    2015-10-27 00:22:34 回应
  • 围住浮动元素的三种方法
    1.为父元素添加overflow:hidden
    2.同时浮动父元素
    3.添加非浮动的清除元素
    ```
    .clearfix:after{
    content:".";
    display:block;
    height:0;
    visibility:hidden;
    clear:both;
    } ```
    2015-10-27 00:35:38 回应
  • CSS3单元格
    单元格(table-cell)不需要浮动就可以并排显示,而且直接为它们应用内边距也不会破坏布局。
    2015-10-27 16:14:40 回应
  • 第241页
    固定高度的元素内垂直居中一行文本,可以把这一行文本的line-height设定为改元素的高度。
    垂直居中其他元素,可以将容器的display属性设定为table-row,在设定(只对单元格有效)vertical-align属性为middle
    <代码开始>
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    </代码结束>
    2015-10-27 16:23:47 回应