前端学习
山橘月Or
这个作者很懒,什么都没留下…
展开
-
CSS高级技巧及规范
一、精灵图 精灵图主要是为了减少网页对服务器频繁请求加载图片,减少服务器负担。将网页需要的部分图片拼到一起,直接发送给网页,再用CSS将图片定位在需要放置的盒子里。一般针对背景图片使用。 二、字体图标 字体图标即下图所示, 是网页中常见的一些装饰性的小图标,可以在网站下载,链接如下 Icon Font & SVG Icon Sets ❍ IcoMoonicomoon.io 点击add library--Generate font --download.下载完毕后,解..原创 2020-08-25 20:00:29 · 325 阅读 · 0 评论 -
H5+CSS基础总结(2)
一、浮动 1.认识浮动 浮动是网页布局的方式之一,它最大的特性是脱标,意思就是不会保留当前位置,使后面的标准流盒子能够挤上来(只会影响后面的标准流),所以在一个大的标准流盒子中,只要有一个子盒子设置了浮动,其他子盒子也要设置浮动,不然就无法实现多个盒子排列在一行或者多行的布局。另外 2.清除浮动 在网页布局时,页面中的每个板块都会有一个最大盒子,我们一般都不会为其设置高度与宽度,因为一旦把高度和宽度定死,后续添加更多的内容时又要修改代码。而当一个没有高与宽的盒子里的子元素一旦有了浮动,该盒子高与原创 2020-08-21 22:01:22 · 198 阅读 · 0 评论 -
H5+CSS基础总结(1)
一、标签复合写法总结 1.字体 众所周知,font包括四个属性style、weight、size、line-height、family。为了减少代码量,经常采用复合写法,其中style\weight属性可以不用写明,直接采用默认属性值,但是size/family必须写明。写法可以如下(顺序可以乱): 2.背景图片 背景图片有四个属性,url、repeat、attachment、position。写法如下,顺序可乱: position不写明水平垂直距离,默认居中 3.边框 三个属性分别是原创 2020-08-21 21:59:43 · 186 阅读 · 0 评论