![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML/CSS
文章平均质量分 69
关于CSS的一些学习
Katle
这个作者很懒,什么都没留下…
展开
-
CSS实现图标样式思路+总结
最近需要利用纯CSS来实现各种图标样式,发现这是一件挺有意思的事情,总结如下,与君共勉。前言首先,利用CSS绘图,需要对CSS有一个基础的认识,可以参照《W3school_css教程》。总结其实,CSS绘图与我们平常画图有着相似之处。首先需要分析所绘图形可以拆分成由哪些简单的图形组成。如果不能拆分,那就考虑考虑可以由哪些所熟悉的图形改变而成。总而言之,就是需要将一个复杂的图标简化成我们所熟悉的。当然对于一些比较常用的图标,我们需要清楚绘制原理,例如圆、三角形等,很多复杂的图标都是利用简单的图标组合而原创 2021-10-03 13:35:16 · 1205 阅读 · 0 评论 -
html+css基础总结
前端基础1、 软件架构:C/s,客户端,服务器: 一般使用的软件都是c/s架构,qq c表示客户端,用户通过客户端来使用软件s表示服务器,服务器负责处理软件业务逻辑 特点:软件使用必须安装 软件更新是,服务器和客户端的同时更新 C/s不能跨系统使用C/s架构的软件客户端和服务器通信采用的是自有协议,相对来说比较安全。B/s,浏览器,服务器: B/s本质上也是c/s,只不过b/s构架的软件,使用浏览器作为软件的客户端。Bs构架软件通过使用浏览器访问网页的形式,来使用软件,京东,淘宝 软件不原创 2020-10-10 22:02:02 · 476 阅读 · 0 评论 -
Bootstrap之栅格布局
Bootstrap之栅格布局最近在学习基于boostrap下的栅格布局,这个布局功能非常强大,提供了一套响应式的布局解决方案,可实现在PC端,平板端和移动端切换。下面是一些总结:1.栅格盒模型的精妙之处容器两边具有15px的padding;行:两边具有-15px的margin;列:两边具有15px的padding;为了维护槽宽规则,列两边必须要有15px的padding,为了能使列嵌套...原创 2019-05-31 22:01:30 · 882 阅读 · 0 评论 -
CSS布局——双飞翼布局和粘连布局
CSS布局——双飞翼布局和粘连布局前一段时间在研究CSS布局的有关内容,经过一段时间的学习,对一些经典的布局有了深度的认识,下面和大家分享一下其中两个经典的布局:双飞翼布局和粘连布局。双飞翼布局双飞翼布局和前面介绍过的圣杯布局类似,都是属于三列布局,都遵循:两边固定,当中自适应;当中列完全显示;当中列优先加载的原则。不同之处在于:圣杯布局是利用父容器的左右边距+两个从列相对定位来实现当中列...原创 2019-05-20 17:25:54 · 265 阅读 · 0 评论 -
CSS布局之——盒模型与圣杯布局
CSS布局之——盒模型与圣杯布局盒模型在CSS布局的编写中,盒模型的概念必须要搞清楚,才能更好的体现出前端代码的能力。在此之前,我们需要弄清楚几个名词。包含块包含块对于浮动元素来说,定义为最近的块级祖先元素,但对于定位来说,情况则没有这么简单,CSS2.1定义了一下行为:“根元素”的包含块(也称为初始包含块)由用户代理建立,在HTML中,根元素就是HTML元素,不过有些浏览器会使用bo...原创 2019-05-11 21:55:51 · 192 阅读 · 0 评论 -
表单综合应用
表单综合应用鼠标事件和键盘事件上一篇中讲了HTML在制作表单中的常用脚本,表单制作除了用到脚本外,还要用到鼠标事件和键盘事件。对于鼠标事件和键盘事件,经过一段时间的学习,有了一定的理解。常用的鼠标事件有:onclick:当用户点击某个对象时调用的事件句柄ondblclick:当用户双击摸个对象时调用的事件句柄onmouseover:鼠标移到某元素之上onmouseout:鼠标从某元素...原创 2019-05-10 22:42:41 · 476 阅读 · 0 评论