css+html
关注
分享
扫一扫
css+html
过往深处少年蓝
你是我落斓星河长风贯过北极，遥坠故里又仓惶离去难得的盈盈笑意。你让我诗引九霄落笔惊雷又写下惆怅，这相思易起锦书难寄苦了谁的白月光。
展开
-
论UI的设计原则----（如何提升用户的体验）
如今的智能手机遍地都是，手机的APP更是多如牛毛。各种功能的APP影响着我们生活的各个方面。随着移动化碎片化时代的到来，手机、平板电脑等设备占据了人们注意力的大多数时间。那我们如何让自己的应用程序能够受到用户的青睐，留住用户的心呢？除了手机本身配置的好坏，为APP提供一个运行环境之外，我想有一个好的应用程序或者web设计原则来提升用户体验是非常重要的，尤其是服务型的手机APP。下面我...原创 2018-12-29 15:01:35 · 691 阅读 · 0 评论 -
清除浮动的三种方式
我们简单总结下清除浮动的几种方式： 首先我们得明白，如下布局，如果不清除浮动，那将会怎样：class为one的盒子将会和父级盒子部分重合在一起，且父级盒子无法被子级撑开。那我们要清除浮动达到的效果就是：父级盒子被撑开，下面的盒子不会重叠在一起。 <!DOCTYPE html> <html> <head lang="en"> <meta cha...原创 2019-06-20 14:31:09 · 393 阅读 · 0 评论 -
总结几种居中的方式
在进行项目的布局中，我们会经常遇到居中的布局，不管是水平居中还是垂直居中，下面我们就总结下几种常见的布局方式： DOM结构如下： <div class="center1"> <div class="box">水平居中</div> </div> 第一种：text-align: center;水平居中 这种方式居中用的最多的地方是文本居中，...原创 2018-09-01 14:47:12 · 643 阅读 · 0 评论 -
css的几种布局方式都在这
说道布局方式，是我们经常遇到的问题，下面我们就来讲解css的常见的一些布局方式。 1.双飞翼布局（两边定宽，中间自适应） 主要是通过浮动与margin实现，代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi...原创 2018-08-10 13:57:05 · 5509 阅读 · 1 评论 -
iconfont的三种使用方式
在我们项目中经常要使用到iconfont，在此我们使用阿里巴巴矢量库提供的icon图标，此图标库足够为我们提供大量的图标，我们首先需要的事在阿里巴巴矢量图标库新建一个自己的账号，并且新建一个项目，这个项目包含了你所有要用到的图标。我们需要选中需要的图标放到自己的项目中，并下载下来放到自己项目下的iconfont文件夹之下。（需要更新图标时，下载包也需要重新下载更新） 方式一：使用symbol方式...原创 2018-08-03 16:36:36 · 3907 阅读 · 0 评论 -
background-size值为cover、100%和contain的区别
正如属性意义一样，三者都是来定义背景图显示尺寸大小的，但是三者还是有一点区别的： cover：是按照等比缩放铺满整个区域。如果显示如果显示比例和显示区域的比例相差很大某些部分会不显示，比如长度比宽度大很多，则宽度左侧会有一部分不显示。 100%：长宽100%显示，可能会拉升图片。 contain：也是等比缩放，按照某一边来覆盖显示区域的，会有白边...原创 2018-08-03 10:31:22 · 16896 阅读 · 0 评论 -
scss/less语法以及在vue项目中的使用
（文章是 博主根据自己所学以及经验创作，如存在错误之处欢迎提出指正，不喜勿喷！） scss与less都是css的预处理器，首先我们的明白为什么要用scss与less，因为css只是一种标记语言，其中并没有函数变量之类的，所以当写复杂的样式时必然存在局限性，不灵活，而scss与less正好为css提供这些，让css可以像编程一样灵活书写样式，而且scss与还提供了一些css兼容性的处理，所以运用s...原创 2018-07-21 11:40:46 · 3449 阅读 · 0 评论