2017 年 9月 16 日随笔档案 - 天地人物事

CSS div的三种结构水平垂直包含margin的计算

摘要：结论: 1：水平结构第一个盒子的右边距等于左边盒子的margin-right +右边盒子的margin-left;【相加】 2：垂直结构第一个盒子的下边距等于上边盒子的margin-bottom和下边盒子的margin-top比较一下，【取最大值】 3：包含结构子元素的margin-left 阅读全文

posted @ 2017-09-16 14:54 天地人物事阅读(707) 评论(0) 推荐(0)

CSS display样式

摘要： 1:块级元素独占一行 2:块级元素可设width,height 3:块级元素可用margin/padding:left/right/top/bottom h3 块级元素 p 块级元素 ul li 块级元素 ... 阅读全文

posted @ 2017-09-16 13:31 天地人物事阅读(267) 评论(0) 推荐(0)

CSS行高line-height解释

摘要： “行高”顾名思意指一行文字的高度。具体来说是指两行文字间基线之间的距离。基线实在英文字母中用到的一个概念，我们刚学英语的时使用的那个英语本子每行有四条线，其中底部第二条线就是基线，是a,c,z,x等字母的底边线。下图的红色线即为基线。 vertical-align中有top,middle,basel 阅读全文

posted @ 2017-09-16 11:40 天地人物事阅读(311) 评论(0) 推荐(0)

CS和CS3知识点

摘要：【1：CS】 -o-：代表opera浏览器私有属性（Opera挪威浏览器因为它的快速、小巧和比其他浏览器更佳的标准兼容性获得了国际上的最终用户和业界媒体的承认）-ms-：代表IE浏览器私有属性-moz-：代表FireFox【简称FF】浏览器私有属性（moz代表的是Firefox的开发商Mozill 阅读全文

posted @ 2017-09-16 11:01 天地人物事阅读(561) 评论(0) 推荐(0)

HTML图片<img>标签空白解决方法

摘要：图片垂直结构有空白首先我们要知道这部分空白产生的原因。图片默认的vertical-align:baseline(基线) 也就是字母X的下边距，如下图可以看到图片是与字母x的下边距对齐的，也就是baseline，css2的文档中有这么一句解释，翻译过来也就是一个inline-block元素，如果里阅读全文

posted @ 2017-09-16 10:26 天地人物事阅读(5805) 评论(0) 推荐(0)

2017年9月16日