shi_1204-CSDN博客

原创通过BFC和伪元素解决块级父级无法包裹浮动元素的问题

浮动元素会产生浮动流所有产生了浮动流的元素,块级元素看不到它们 , 但是产生了BFC的元素和文本类属性(inline)的元素以及文本都能看到浮动元素注:并未脱离文档,只有块级元素看不到它.一, BFC解决 <style type="text/css"> .box{ border: 2px solid black; ...

2018-05-05 22:30:26 454

原创如何解决margin塌陷以及margin合并

什么是外边距合并，以及常见的几种情况外边距合并（叠加）是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多混淆。所谓的外边距合并就是，当两个垂直外边距相遇时，它们将形成一个外边距。合并的外边距的高度等于两个发生合并的外边距的高度中的较大者。发生合并的情况有以下几种：两个元素是兄弟关系： .两个元素是父子关系（没有内边距或边框把外边距分割开）：一个空元素，没...

2018-05-05 16:38:29 13049 2

原创 DOM选择器

DOM访问html元素(节点)的几个方法： getElementById(), getElementsByName(), getElementsByTagName(), getElementsByClassName(), querySelector querySelectorAll1）getElementById 语法: document.getElementById('...

2018-04-05 15:22:29 559

原创重写 toString()和Object.prototype.toString()的不同

首先记住undefined , null没有toString()方法.大家都知道toString()是用来返回相对应类型值的字符串格式.当我们调用toString()返回发现结果并非如此, 当我们对Number,String,Boolean,Array类型调用 toString()方法时,会返回想对应的字符串.var arr= [1,2]arr.toString()//...

2018-03-29 13:25:58 930

原创 JS运行三部曲

JS运行三部曲1.语法分析先全部扫一遍看有没有语法错误.2.预编译(执行前一刻) 函数声明整体提升变量声明提升3.解释执行 (解释一行执行一行)预编译执行四部曲函数中 1.创建AO对象 (Activation Object (执行期上下文)) 2. 找形参和变量声明,将变量和形参名作为AO属性名,值为undefined 3.将实参值和形参统一

2018-03-10 18:19:02 768

原创 img标签之间空格的解决方法

img标签内的width和height指的是原图片的宽高后面不需要加单位.如果要设置一张图片的宽高使用css, 只设置一个宽或高时,另一个会进行同比例缩放. 去除图片中间的空格比较简单的一种是吧img标签放在同一行, 因为img标签属于inline-block元素, 凡是带有inline的元素,都有文字特性.所有换行的img标签之间会被浏览器解析为默认有一个空格,也就是文字分隔符....

2018-03-05 17:03:24 3351 1

原创 text-align:justify;使用

在开发过程中，对于text-align一般用到的是left,center,right，这三个属性都不会陌生。对于justify的使用却很模糊.<head><meat charset="utf-8"><title>justify多行使用</title><style>p{width:50px;text-align:justify;}</style></head><body><p>jus

2018-03-05 16:27:33 726

shi_1204的博客