2018年01月_muzi187

原创 CSS深入理解之border

慕课学习-->前端开发-->HTML/CSS-->CSS深入理解之borderborder一、border-width不支持百分比类似的还有outline，box-shadow，text-shadow，......都不支持百分比值。属性border-width支持关键字：thin（细的），medium（默认值，中等的），thick（粗的）在CSS2.1之后，IE8+浏览

2018-01-29 10:50:34 960

原创 CSS深入理解之line-height

慕课学习-->前端开发-->HTML/CSS-->CSS深入理解之line-heightline-height一、line-height的定义行高line-height，两行文字基线之间的距离。1、什么是基线？字符（x）下边缘2、为什么是基线？基线是*线定义之根本。3、需要两行么？不需要，两行的定义决定了一行的表现行高line-height可以让单行文本垂直

2018-01-26 14:16:23 17564

原创 CSS深入理解之vertical-align

慕课学习-->前端开发-->HTML/CSS-->CSS深入理解之vertical-alignVertical-align一、vertical-align基本认识vertical-align支持的属性值及组成：除了inherit（继承）外，还包括4类：1、线类：baseline（默认值，基线对齐），top，middle，bottom2、文本类：text-top，text

2018-01-25 12:00:30 644

原创 vertical-align的兼容性问题

慕课学习-->前端开发-->HTML/CSS-->CSS深入理解之vertical-align-->第八章vertical-align糟糕的兼容性IE6/IE7IE8/Chrome/FireFox/...1、Baseline（1）小图片和文字（2）大图片和文字（3）大行高下的大图片和文字2、Middle（1）小图片和文字（2）大图片和文字

2018-01-25 10:50:02 4009

原创上传图片时，选择图片后显示缩略图

$(function(){ $("#file1").on("change",function(){ var file=this.files[0]; if(this.files && file){ var reader=new FileReader(); reader.onload=function(e){ $("#img1").attr("src",e.targ

2018-01-17 15:26:35 3958 2

原创 CSS深入理解之absolute

慕课学习-->前端开发-->HTML/CSS-->CSS深入理解之absoluteabsolute一、absolute与float鲜为人知的兄弟关系，相同的特性表现：包裹性absolute的包裹性.box { padding: 10px; background-color: #f0f0f0; }input { positio

2018-01-11 11:39:12 5324

原创 CSS深入理解之z-index

慕课学习-->前端开发-->HTML/CSS-->CSS深入理解之z-indexZ-index一、Z-index基础1、z-index属性指定了元素及其子元素的z顺序，而z顺序可以决定当元素发生覆盖的时候，哪个元素在上面。通常一个较大z-index值的元素会覆盖较小z-index值的元素。2、属性值：（1）z-index:auto; 默认值（2）z-in

2018-01-02 17:19:18 597

muzi187的博客