qq_41096610的博客

最近需要利用纯CSS来实现各种图标样式，发现这是一件挺有意思的事情，总结如下，与君共勉。前言首先，利用CSS绘图，需要对CSS有一个基础的认识，可以参照《W3school_css教程》。总结其实，CSS绘图与我们平常画图有着相似之处。首先需要分析所绘图形可以拆分成由哪些简单的图形组成。如果不能拆分，那就考虑考虑可以由哪些所熟悉的图形改变而成。总而言之，就是需要将一个复杂的图标简化成我们所熟悉的。当然对于一些比较常用的图标，我们需要清楚绘制原理，例如圆、三角形等，很多复杂的图标都是利用简单的图标组合而

前端基础1、 软件架构：C/s,客户端，服务器： 一般使用的软件都是c/s架构，qq c表示客户端，用户通过客户端来使用软件s表示服务器，服务器负责处理软件业务逻辑 特点：软件使用必须安装 软件更新是，服务器和客户端的同时更新 C/s不能跨系统使用C/s架构的软件客户端和服务器通信采用的是自有协议，相对来说比较安全。B/s，浏览器，服务器： B/s本质上也是c/s，只不过b/s构架的软件，使用浏览器作为软件的客户端。Bs构架软件通过使用浏览器访问网页的形式，来使用软件，京东，淘宝 软件不

Bootstrap之栅格布局最近在学习基于boostrap下的栅格布局，这个布局功能非常强大，提供了一套响应式的布局解决方案，可实现在PC端，平板端和移动端切换。下面是一些总结：1.栅格盒模型的精妙之处容器两边具有15px的padding;行：两边具有-15px的margin；列：两边具有15px的padding；为了维护槽宽规则，列两边必须要有15px的padding，为了能使列嵌套...

CSS布局——双飞翼布局和粘连布局前一段时间在研究CSS布局的有关内容，经过一段时间的学习，对一些经典的布局有了深度的认识，下面和大家分享一下其中两个经典的布局：双飞翼布局和粘连布局。双飞翼布局双飞翼布局和前面介绍过的圣杯布局类似，都是属于三列布局，都遵循：两边固定，当中自适应；当中列完全显示；当中列优先加载的原则。不同之处在于：圣杯布局是利用父容器的左右边距+两个从列相对定位来实现当中列...

CSS布局之——盒模型与圣杯布局盒模型在CSS布局的编写中，盒模型的概念必须要搞清楚，才能更好的体现出前端代码的能力。在此之前，我们需要弄清楚几个名词。包含块包含块对于浮动元素来说，定义为最近的块级祖先元素，但对于定位来说，情况则没有这么简单，CSS2.1定义了一下行为：“根元素”的包含块（也称为初始包含块）由用户代理建立，在HTML中，根元素就是HTML元素，不过有些浏览器会使用bo...

表单综合应用鼠标事件和键盘事件上一篇中讲了HTML在制作表单中的常用脚本，表单制作除了用到脚本外，还要用到鼠标事件和键盘事件。对于鼠标事件和键盘事件，经过一段时间的学习，有了一定的理解。常用的鼠标事件有：onclick：当用户点击某个对象时调用的事件句柄ondblclick：当用户双击摸个对象时调用的事件句柄onmouseover：鼠标移到某元素之上onmouseout：鼠标从某元素...