随笔分类 - css
摘要：v4版本貌似手机尺寸匹配使用了col-6 这种的了 col-xs-6这种貌似不太行 col下嵌套 <div class='container'> <div class="row"> //第一次嵌套 <div class="col-lg-6 col-md-6 col-xs-12 col-6"> //
阅读全文
摘要：一、安装sass 安装ruby（运行sass 需要ruby） https://rubyinstaller.org/downloads/ 下载页面 https://www.sass.hk/install/ 安装方法 下载好后看眼添加到环境变量里 安装完成cmd 下查询ruby -v 有版本号出现就是安
阅读全文
摘要：css3动画效果--- 地图点扩散圆形效果
阅读全文
摘要：使用flex布局 <div class="content"> <div class="list"></div> <div class="list"></div> <div class="list"></div> <div class="list"></div> </div> css .content
阅读全文
摘要：主页面： 子页面： 资料： http://www.jb51.net/article/89538.htm 切换内容思路 a标签点击显示对应内容在iframe里
阅读全文
摘要：iframe 加载了头部html 里面的链接需要设置target='_top'
阅读全文
摘要：恢复div元素内默认样式 直接在外层div添加样式dcss，div里面添加的是富文本编辑器的内容
阅读全文
摘要：实例： .hunheyun_more_product .xiang p img + span{ width: 600px; margin: 10px auto; display: block; text-align: center;} p标签下的 img 和span标签 设置img 后出现兄弟元素p
阅读全文
摘要：以下适合两个一排的情况 实例如图HTML 想让偶数添加样式margin-right:0;一排两个的效果 代码： #list_sp > a:nth-child(event){margin:0;} 偶数换行 #list_sp > a:nth-child(odd){margin:0;} 奇数换行 多个一排
阅读全文
摘要：父元素 text-align:center 子元素display:inline-block
阅读全文
摘要：head内写上meta标签，解决使用低版本IE内核渲染页面 Edge：始终以最新的文档模式来渲染页面。 参考： meta标签控制ie渲染标准模式和兼容模式 文档模式（document mode）是IE8引入的一个新概念。页面的文档模式决定了你可以使用哪个级别的CSS，可以使用JavaScript的哪
阅读全文
摘要：一、调试javascript chrome下对js断点调试的方法汇总 ★★★★★ Chrome控制台 如何调试Javascript ★★★★★ 超完整的 Chrome 浏览器客户端调试大全 ★★★ Chrome调试 ★★ 1.浏览器启用 “开发者工具实验性功能” 浏览器地址栏输入‘about：fla
阅读全文
摘要：可能出现的情况 1）一列都有，按顺序弹出对应的弹出层 2）只有单个一个弹出层 3）不按顺序不按规律随机弹出层 jquery 弹出层 解决 第一种情况 参考资料 移动端之“CSS3多动画弹框” 引入jquery JS代码 这里关闭用的css3效果实现 HTML css
阅读全文
摘要：1.定义动画效果 @keyframes 参考资料：http://www.w3school.com.cn/css3/css3_animation.asp 推荐是 10% 到100%状态兼容最好；@keyframes 后面跟动画名称 @keyframes scrollrightToLeft{ 10% {
阅读全文
摘要：要实现以下的效果 内容高度是不固定的 1.文字外层 position:relation; 文字层position:absolution;top:0;bottom:0;left:0;right:0; margin:auto; 此为了文字层居中 2.文字层display：table;vertical-a
阅读全文
摘要：需要iframe都隐藏 解决办法 ： css iframe{display:none} JS获取iframe document.getElementByTagName('iframe')[0].contentWindow
阅读全文
摘要：用display:inline-block;两个元素在一行 父元素设置display:table 可以取消间隙；
阅读全文
摘要：图片翻转效果主要由CSS3 动画效果执行，JS 只是控制类名变换 先来看看HTML： 这里两个都是块元素所以要注意正面和背面在一块 肯定是固定在一块的，position:absolute; CSS3动画 CSS代码 JS代码参考 实例文件 链接: http://pan.baidu.com/s/1kV
阅读全文
摘要：border-radius：50px; 代表x轴和Y轴的半径都是50px画圆 border-radius：80px/50px;椭圆 一个椭圆的长是160px 高是100px;
阅读全文
摘要：重要CSS属性 最外层块元素text-align:center; 分页， 随着页数不断增加，宽度不断增加，一直保持水平居中 HTML结构 CSS属性 对于a标签使用padding margin， a元素不是块级元素 可以直接排列一行 ，其他使用场景暂时没有想到
阅读全文
