随笔分类 -  LayoutUI

上一页 1 2
Less-css基础之变量学习
摘要：一、普通变量 //--普通变量--less @fontColor: #000000; body{ color:@fontColor; } //--输出--css body{ color:#000000; } 二、选择器变量 //--选择器--less @selector: main; .@{sele 阅读全文
posted @ 2017-01-17 14:48 YanEr、 阅读(984) 评论(0) 推荐(0)
Less-css预处理Node and VS扩展编译
摘要：node编译 第一步：https://nodejs.org/en/ 到node官网下载最新的node 第二步：和普通软件一样把node安装好 第三步：运行-cmd，准备安装less 全局安装（整个电脑文档都可以运行） npm install less -g 部分按照（仅安装目录下文档可执行） npm 阅读全文
posted @ 2017-01-16 13:53 YanEr、 阅读(978) 评论(0) 推荐(0)
Html5-Canvas 与 SVG 的比较
摘要：Canvas 与 SVG 的比较 Canvas 依赖分辨率 不支持事件处理器 弱的文本渲染能力 能够以 .png 或 .jpg 格式保存结果图像 最适合图像密集型的游戏，其中的许多对象会被频繁重绘 SVG 不依赖分辨率 支持事件处理器 最适合带有大型渲染区域的应用程序（比如谷歌地图） 复杂度高会减慢 阅读全文
posted @ 2017-01-12 14:15 YanEr、 阅读(661) 评论(0) 推荐(0)
Html5-draggable元素拖动
摘要：Html5元素拖动 在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。 Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持拖动。 注意:Safari 5.1.2不支持拖动. 第一步：将需要拖动的元素Html标签设置为dragg 阅读全文
posted @ 2017-01-12 13:08 YanEr、 阅读(4831) 评论(0) 推荐(0)
Html-浏览器内核控制Meta标签说明文档【转】
摘要：背景介绍 由于众所周知的情况，国内的主流浏览器都是双核浏览器：基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例，我们优先通过Webkit内核渲染主流的网站，只有小量的网站通过IE内核渲染，以保证页面兼容。在过去很长一段时间里，我们主要的控制手 阅读全文
posted @ 2016-12-14 12:24 YanEr、 阅读(203) 评论(0) 推荐(0)
Html-button和input的区别
摘要：一、定义和用法 <button> 标签定义的是一个按钮 1、在 <button> 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 <input> 元素创建的按钮之间的不同之处； 2、 <button> 控件提供了更为强大的功能和更丰富的内容； 3、<button> 与 </button> 阅读全文
posted @ 2016-12-03 16:27 YanEr、 阅读(12749) 评论(0) 推荐(1)
Html-margin 和padding浏览器解析差异
摘要：二、margin 和padding浏览器解析差异 只有默认margin的元素 <body>margin：8px margin：15px 10px 15px 10px(IE7) <blockquote> 定义长的引用 margin:18px 40px 18px 40px margin：30px aut 阅读全文
posted @ 2016-12-03 15:22 YanEr、 阅读(1373) 评论(0) 推荐(0)
Html-块级、内联、内联块级元素区别
摘要：一、块级、内联、内联块级元素 （1）块级元素：block **独占一行 **可设置width，height，margin，padding **内部可包含块级或内联元素 （3）内联（行内）元素：inline **和其他inline元素同行显示 **可以设置margin-left，margin-righ 阅读全文
posted @ 2016-12-02 20:05 YanEr、 阅读(773) 评论(0) 推荐(0)
Html-浅谈如何正确给table加边框
摘要：一般来说，给表格加边框都会出现不同的问题，以下是给表格加边框后展现比较好的方式 但是根据不同的需要有时候我们需要不同的样式，在这里我就影响表格边框的因素，做一些总结和分析 一、 <table border="1"> 表格边框 如图：，也就是border=1，意思就是给表格的每一格，及边框加上1像素的 阅读全文
posted @ 2016-12-02 15:18 YanEr、 阅读(514072) 评论(7) 推荐(34)
Html-IOS下input的样式添加不上的解决方案
摘要：问题描述： 问题代码如上，input的css样式添加失效 （touch的样式active样式添加同样失效） 原因： 1、IOS默认给input添加的样式，我们的样式被覆盖了 2、IOS下input自己手动需激活active状态，否则active是不会起作用的 解决方法： 1、css给input添加： 阅读全文
posted @ 2016-11-10 12:47 YanEr、 阅读(4128) 评论(0) 推荐(0)
Css-深入学习之折角效果
摘要：本文是作者从别的网站和文章学习了解的知识，简单做了个笔记，想要学习更多的可以参考这里：【css进阶】伪元素的妙用--单标签之美，奇思妙想 代码： 1 /*建立一个带圆角的矩形，并使用线性渐变将其从左到底透明渐变到深绿色，然后使用2D旋转矩形*/ 2 .corner:before{ 3 content 阅读全文
posted @ 2016-11-09 17:00 YanEr、 阅读(1858) 评论(0) 推荐(0)
Css-深入学习之单个颜色实现 hover 和 active 时的明暗变化效果
摘要：本文是作者从别的网站和文章学习了解的知识，简单做了个笔记，想要学习更多的可以参考这里：【css进阶】伪元素的妙用--单标签之美，奇思妙想 （1、normal）（2、hover）（3、active） ok，然后就轻松实现了 阅读全文
posted @ 2016-11-09 15:59 YanEr、 阅读(2007) 评论(0) 推荐(0)
Css-深入学习之弧形切角矩形
摘要：本文是作者从别的网站和文章学习了解的知识，简单做了个笔记，想要学习更多的可以参考这里：【css进阶】伪元素的妙用--单标签之美，奇思妙想 （弧形切角矩形） 代码： 这个前面的切角矩形一样，都用的css3的渐变，不过就是变成了径向渐变而已。 1、建立一个矩形 2、径向渐变，四个角度（左上，右上，左下， 阅读全文
posted @ 2016-11-09 14:00 YanEr、 阅读(3742) 评论(0) 推荐(0)
Css-深入学习之切角
摘要：本文是作者从别的网站和文章学习了解的知识，简单做了个笔记，想要学习更多的可以参考这里：【css进阶】伪元素的妙用--单标签之美，奇思妙想 带切角的矩形： 该图来源于（奇思妙想） Css代码： 1、建立一个矩形 2、利用线性渐变实现切角，科普一下代码知识： linear-gradient Css3的线 阅读全文
posted @ 2016-11-09 12:28 YanEr、 阅读(3717) 评论(0) 推荐(1)
Css-深入学习之三角形气泡窗
摘要：本文是作者从别的网站和文章学习了解的知识，简单做了个笔记，想要学习更多的可以参考这里：【css进阶】伪元素的妙用--单标签之美，奇思妙想 一、三角形的实现 首先，先画了三角形，后面二、三都是根据这个 衍生而来的。 第一步，Css，很简单border就可以实现了，下面就是一个三角形的css 第二步，H 阅读全文
posted @ 2016-11-08 20:42 YanEr、 阅读(5281) 评论(0) 推荐(0)
Css-自适应高度修复（高度随内容而自动撑高）
摘要：1 2 3 4 5 6 7 8 9 10 21 22 23 24 25 26 1111 27 1111 28 1111 29 ... 阅读全文
posted @ 2016-07-30 18:55 YanEr、 阅读(1558) 评论(0) 推荐(0)

上一页 1 2