表格相关css属性1.合并相邻单元格边框(给table加) 语法：border-collapse: collapse(合并相邻单元格边框) | separate(相邻单元格边框分开);2.设置表格标题的位置(给table加) 语法：caption-side: top | bottom | left | right; 注：left和right只有火狐识别3.设置单元格之间的间距(给table加) 语法：border-spacing: 数值 继续阅读

最近访问一些优秀的博客或者其他网站，很多站点的导航顶部，都会加一个彩色的长条，反正挺好看的，既然是代码添加的，那么鹏仔给大家分析下如何添加。第一种方法: 用背景图方式，可添加动态gif图，附代码<div style="background: url(https://ws3.sinaimg.cn/large/005U0fxfly1fx6uqjux78g30ag004dfs.jpg); height:4px; top:0; left:0; position: fi 继续阅读

Number的转换思路 看的是整体，如果说，字符串中有非数字字符，那么结果就是NaN，否则，转换成功。ParesInt 从第一个字符开始依次朝后转换，如果第一个就是字母，那么结果为NaN； 如果第一个是数字，碰到第一个非数字字符，从该字符后，后面的全部忽略，但是前面的还是转换成功。parseFloat 从第一个字符开始依次朝后转换，如果第一个就是字母，那么结果是NaN; 如果第一个是数字，碰到第一个小数点后的第一个非数字字符，从该字符开始后，后面 继续阅读

1. E F 匹配 E 元素下所有的子元素 F （后代选择器） eg:.box a{ color: red; } 匹配 .box 下所有的子元素 a2. E > F 匹配 E 元素下第一级子元素 F （子选择器） eg:.box>a{ color: red; } 匹配 .box 下第一级子元素 a3. E + F 匹配 E 元素后面紧邻的哪一个 F 元素（有且仅有一个）（相邻兄弟选择器） eg:.box+h1 继续阅读

1. order 设置 flex 项目的排列顺序，值越小越靠前2. align-self 设置某个 felx 项目不同于其他 flex 项目的交叉轴对齐方式 语法:align-self: flex-start | flex-end | center | baseline | stretch;3. flex-grow 设置 flex 项目的放大比例 语法:flex-grow： 0; 默认值为0，即使存在剩余空间，也不放大; 当值为1是，flex项目 继续阅读

1. 使用弹性盒的方式实现不定宽高的元素在屏幕窗口水平垂直都居中，方法如下:html,body{ height: 100%; } body{ display: flex; juastify-content: center; align-items: center; }2. 使用弹性盒的方式实现不定宽高元素在父元素水平都垂直居中，方法如下:父元素{ display: flex; justify-content: 继续阅读

今天开始接触微信公众号开发，在获取 access_token 时，返回{ "errcode": 40164, "errmsg": "invalid ip 117.136.86.87, not in whitelist hint:[UIluoA05892067]" }意思是这个IP 117.136.86.87 不在白名单内我们需要登录微信平台，在“开发”--“基本配置”--“公众号信息开发”--“ 继续阅读

1.水平对齐方式 语法：text-align: left|center|right|justify; left 左对齐； center 居中； right 右对齐； justify 两端对齐（只对英文起作用）； 注：要让文本或图片等元素居中对齐，要给所在父元素设置 text-align 属性；2.行高 语法：line-height: 数值+单位; eg:line-height: 36px; 注：①line-height不允许设置负值 继续阅读

目前，大多网站，都有点击返回顶部效果，尤其是页面内容比较多的网站，有了点击返回顶部，不需要用户翻阅上去，直接点击之后滚动到顶部，一般情况下，都是在网站右下角有个固定定位的小火箭/飞机等之类的图标；当然是用锚点链接也是也可做到，但是给用户体验不是很好，所以鹏仔本次给大家用jquery带来的一种简单方法，代码如下：在使用下方代码之前，必须先引入jquery，jquery版本大家可自行去下载<script> //返回顶部 $(function(){ / 继续阅读

这是个历史遗留问题，W3C标准推出前，旧的页面都是根据旧的渲染方式对页面进行渲染的，因此在W3C标准推出后为了保证旧页面的正常显示，保持浏览器的兼容性，这样浏览器上就产生了能够兼容W3C标准渲染的严格模式和保证旧页面显示的怪异模式的标准兼容模式。具体表现： 1. 在严格模式中 ：width是内容宽度 ，元素真正的宽度 = margin一left + border一left一width + padding一left + width + padding一right 继续阅读

1.渐进增强 在刚开始，就针对低版本浏览器进行项目开发，然后在针对高版本浏览器进行交互效果的设置，简称渐进增强.box{ // 渐进增强写法 -webkit-tanstion: all .5s; -moz-transtion: all .5s; -o-transition: all .5s; transiton: all .5s; }2.优雅降级 在刚开始开发的时候就以高版本浏览器进行开发，开发完后在针对低版本浏 继续阅读

Why？？？什么？可以设置多张背景图...刚看到我是懵逼的，于是我查了下，css3确实可以设置多张背景图，方法分享给大家。下面，css3实现一个盒子设置多张背景图语法：background: url("图片路径") 100px 100px no-repeat,url("图片路径") 100px 100px no-repeat, url("图片路径") 100px 100px no-repeat;其实没多大稀奇，也就是 继续阅读

伪元素1.元素 before 在父元素中所有子元素的开头添加一个伪元素 eg:.box:before{ content: "SharedBlog"; 或 content: url(img/1.jpg); }2.元素 after 在父元素中所有子元素的最后添加一个伪元素 eg:.box:after{ content: "百变鹏仔"; display: block; widt 继续阅读

1. px 像素，相对于屏幕分辨率而言2. em 相对于父元素字体大小放到缩小多少倍 1em = 16px 注：由于元素字体大小不固定，所以不推荐使用em3. rem 相对于根元素字体大小放大缩小多少倍 注：是rem布局方案中用到最主要的一个单位4. vw vw——viewport width （视图窗口的宽度） 1vw = 视窗口宽度的 1% vh——viewport height（视图窗口的高度） vmin vw和vh中 继续阅读

1. IE浏览器 内核：Trident（IE内核）；2. Mozilla Firefox（火狐） 内核：Gecko；3.Safari，Chrome 内核Webkit4. Opera（欧朋） 内核：Presto5. 最新版本谷歌浏览器 内核：Blink （由Google和Operasoftware联合开发的浏览器排版引擎） 继续阅读