随笔分类 -  WEB

常用CSS代码大全（工作必备）
摘要：用html+css可以很方便的进行网页的排版布局，但不是每一种属性或者代码我们都铭记于心，最近我把CSS中的常用代码进行了归纳总结，方便自己以后查看，同时也分享给大家，希望对你们有用。 一.文本设置 二、超链接设置 三、背景 四、区块 五、方框 六、边框 七、列表 八、鼠标 阅读全文
posted @ 2018-09-20 12:03 L小码蚁 阅读(36160) 评论(0) 推荐(3)
CSS---解决文本溢出，换行
摘要：当我们设置我的的div，或者其它文本框固定宽度之后，文本内容过多就会出文本溢出（显示在区域外面，不换行的情况）。 这时我们可以使用Css中的几个属于来解。有以下的三个属于可以解决问题： 1，word-break 属性规定自动换行的处理方法。 2，overflow 属性规定当内容溢出元素框时发生的事情 阅读全文
posted @ 2018-09-14 16:46 L小码蚁 阅读(14038) 评论(0) 推荐(2)
前端Js框架汇总
摘要：概述： 有些日子没有正襟危坐写博客了，互联网飞速发展的时代，技术更新迭代的速度也在加快。看着Java、Js、Swift在各领域心花路放，也是煞是羡慕。寻了寻.net的消息，也是振奋人心，.net core 1，mono，xamarin等等，但大多都还在狂吼的阶段。其实一直以来对技术的理解是技术服务于 阅读全文
posted @ 2018-08-23 13:54 L小码蚁 阅读(524) 评论(0) 推荐(0)
使用了框架iframe的页面如何跳出框架
摘要："window.location.href"、"location.href"是本页面跳转. "parent.location.href" 是上一层页面跳转. "top.location.href" 是最外层的页面跳转. 举例说明： 如果A,B,C,D都是html，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js这样写 "window.locatio... 阅读全文
posted @ 2018-08-23 11:56 L小码蚁 阅读(1835) 评论(0) 推荐(0)
不用再去找rem了，你想要的rem都在这
摘要：一、兼容性。 目前，IE9+，Firefox、Chrome、Safari、Opera 的主流版本都支持了rem（大胆用吧，目前几乎所有手机浏览器都支持rem） 二、什么是rem。 rem是相对于根元素html字体大小来计算的，即( 1rem = html字体大小 ) 三、使用rem布局有什么优点。 阅读全文
posted @ 2018-08-22 18:59 L小码蚁 阅读(1276) 评论(0) 推荐(0)
html5移动端Meta的设置
摘要：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览 1 <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scal 阅读全文
posted @ 2018-08-06 18:16 L小码蚁 阅读(261) 评论(0) 推荐(0)
前端开发手册大全
摘要：http://caibaojian.com/book/ 阅读全文
posted @ 2018-07-05 12:34 L小码蚁 阅读(167) 评论(0) 推荐(0)
css实现缩放自适应网页--手机web
摘要：一. 允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？ 其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。 viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比 例（initial- 阅读全文
posted @ 2018-06-15 18:25 L小码蚁 阅读(2215) 评论(0) 推荐(0)
用纯css改变下拉列表select框的默认样式
摘要：在这篇文章里，我将介绍如何不依赖JavaScript用纯css来改变下拉列表框的样式。 事情是这样的，您的设计师团队向您发送一个新的PSD（Photoshop文档），它是一个新的网站的最终设计。 一切看起来很好，很正常，直到你看到他/她设计的一个选择下拉框跟浏览器默认提供的样式有些不同！你说：“这没 阅读全文
posted @ 2018-06-15 11:53 L小码蚁 阅读(6777) 评论(0) 推荐(0)
媒体查询
摘要：/* 超小屏幕（手机，小于 768px） */ /* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */ /* 小屏幕（平板，大于等于 768px） */ @media (min-width: @screen-sm-min) { ... } /* 中等屏幕（桌面显示器，大于等于 992px） */ @media (m... 阅读全文
posted @ 2018-06-07 10:59 L小码蚁 阅读(139) 评论(0) 推荐(0)
js或jQuery获取当前屏幕的各种高度
摘要：Javascript: 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body. 阅读全文
posted @ 2018-05-31 18:05 L小码蚁 阅读(24003) 评论(0) 推荐(1)
各种IE（IE6-IE10）兼容问题一行代码搞定
摘要：x-ua-compatible 用来指定IE浏览器解析编译页面的model x-ua-compatible 头标签大小写不敏感，必须用在 head 中，必须在除 title 外的其他 meta 之前使用。 1、使用一行代码来指定浏览器使用特定的文档模式。 <meta http-equiv="x-ua 阅读全文
posted @ 2018-05-29 17:41 L小码蚁 阅读(174) 评论(0) 推荐(0)
Nicescroll滚动条插件的用法
摘要：Nicescroll滚动条插件是一个非常强大的基于JQUERY的滚动条插件，不需要增加额外的css，几乎全浏览器兼容。ie6+，实现只需要一段代码，侵入性非常小，样式可完全自定义，支持触摸事件，可在触摸屏上使用。 官网地址：http://www.areaaperta.com/nicescroll/ 阅读全文
posted @ 2018-05-29 17:36 L小码蚁 阅读(182) 评论(0) 推荐(0)