晴空闲云 晴空闲云
2年前
css中box-sizing解放盒子实际宽高计算
我们知道传统的盒子模型,如果增加内边距padding和边框border,那么会撑大整个盒子,造成盒子的宽度不好计算,在实务中特别不方便。boxsizing可以设置盒模型的方式,可以很好的设置固定宽高的盒模型。盒子宽高计算假如我们设置如下盒子:宽度和高度均为200px,那么这会这个盒子实际的宽高就都是200px。但是当我们设置这个盒子的边框和内间距的时候,那
Jacquelyn38 Jacquelyn38
3年前
你肯定会用到的CSS多行多列布局
前言:因为项目中使用flex过程中,如果采用spacebetween两端对齐,会遇到最后一行难以对齐的问题。本文主要对多行多列这种常见的布局,列出解决方案,方便大家日常开发使用。话不多说,直接进入正题:方案一:标签补位我们都知道,之所以对不齐是因为最后一行的子项目没有达到4个,spacebetween的对齐方式,自然会把中间空出来。既然如此,何不直接补
Wesley13 Wesley13
3年前
CSS3之2D与3D变换
!(https://oscimg.oschina.net/oscnet/ad817cc0a9554005b6198dc385a416e5cd0.gif)目录关于坐标轴2D变换translate(x,y)rotate(deg)s
Stella981 Stella981
3年前
JavaScript的入门简介
什么是JavaScriptJavaScript,我们一般简称为JS,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。JavaScript现在已经被用到了很多非浏览器环境中,JavaScript基于原型编程、多范式的动态脚本语言,并支持面向对象、命令式和声明式风格。HTML、CSS、JavaScript三者不同的功能:
Stella981 Stella981
3年前
DIV+CSS兼容解决DIV最大宽度和最小宽度问题
在制作网页中,我们经常会碰到min/maxwidth,min/maxheight在IE6底下是无效的,这也是web设计师最头疼的问题之一,以下的方法可以解决这些难题,并且比较简约。当然,如果你还有更好的方法,希望能在主页留言给我:<divstyle"maxwidth:250px;"这段文字内容,ax/min在ie7和firfo
Wesley13 Wesley13
3年前
5个让你如虎添翼的Atom实用插件推荐
!(https://oscimg.oschina.net/oscnet/71e4848a32104c49b56cfc4a1ba83c52.png)Javascript/CSS/HTML等的前端编辑器Atom可以说是IDE神器,其强大功能来自于各种神奇的插件,下面推荐5个神奇的实用插件,这些插件只需要在Atom的Filesetting
Wesley13 Wesley13
3年前
HTML特殊字符大全
使用方法:这些字符属于unicode字符集,所以,你的文档需要声明为UTF8;下面符号列表的后面有两列编号,它们并不太一样,第一列是用于HTML的,你需要在前面加上&符号;第二列可以用于CSS文件中,但是需要用反斜杠\\转义;第二列也可以用于JavaScrip
CDN与前端技术
CDN(ContentDeliveryNetwork)是一种广泛应用于网络加速和内容分发的技术。它通过在全球各地部署服务器节点,将静态资源如图片、CSS和JavaScript文件等缓存到离用户最近的节点上,从而提供更快速和可靠的内容交付。在前理、前端与CDN的结合以及一些最/佳实践。