px、em和rem的区别 px表示像素 (计算机屏幕上的一个点：1px = 1/96in)，是绝对单位，不会因为其他元素的尺寸变化而变化； em表示相对于父元素的字体大小。em是相对单位 ，没有一个固定的度量值，而是由其…
分类：css
浮动定位之三列布局问题与发现（下）
HTML代码如下： <div id="root"> <header></header> <nav></nav> <main></main>…
一次性理解清楚动态rem
前言 总是看到em、rem、动态rem，究竟他们的区别是什么呢？ 单位 px：像素 em：一个 M 的宽度（面试：一个字的宽度） rem：root em 根元素（<html>）的 font-size vh：v…
百度ecahrts和swiper一起使用，loop复制slide导致图表不展示的问题解决
由于老项目用的swiper3，所以这里贴出来的是swiper3的配置项，swiper4的参照下面的稍作修改即可（原理就是通过回调自己手动控制） autoplay: 0, loop: false, onInit: swip…
块级元素和行内元素的区别
区别： 注：行内元素会在一条直线上，是在同一行的。 //我是行内元素SPAN标签//我是行内元素strong标签// 注：块级元素各占一行。是垂直方向的！ 我是块级元素div标签我是块级元素P标签 如果你要将行内元素变成…
Codepen 每日精选（2018-4-7）
按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 纯 css 写的扁平人动画https://codepen.io/YusukeNaka… 漫威漫画陈列布局https://codepen…
JavaWEB开发04——JQuery
今日任务 使用JQuery完成页面定时弹出广告 定时器: setInterval clearInterval setTimeout clearTimeout 显示: img.style.display = …
CSS 专业技巧
CSS 专业技巧 目录 专业技巧 支持情况 贡献准则 专业技巧 使用CSS复位 继承 box-sizing 使用unset而不是重置所有属性 使用 :not() 选择器来决定表单是否显示边框 为 body 元素添加行高 …
前端—初级阶段1(1-4)
内容 1.课程体系介绍、HTML+CSS基本入门知识 2.网站运行原理 3.HTML常用标签、表单新类型、网页SEO优化 4.HTML5语义化标签、音视频标签 HTML 参考手册 主讲详情 一、网站运行原理 二、HTML…
Vue2.0实用笔记
1、vue中的过渡、动画效果 单组件（<transition name=”” mode=””><p v-if=””><…
关于跨域问题
面试必考题吧，所以在这会详细介绍以下内容 跨域产生的原因 罗列最常用的解决方法 分析各种方法原理 罗列各种方法优缺点 什么是跨域 由于浏览器厂商对安全性的考虑，提出了浏览器的同源策略做为解决方案。它是一个用于隔离潜在恶意…
两列布局(一列定宽）
左列定宽 float +margin <style> .parent { background-color: grey; width: 300px; height: 200px; } .left { floa…
