09 2020 档案
发表于 2020-09-30 19:13阅读:6690评论:1推荐:1
摘要:作者:WangMin 格言:努力做好自己喜欢的每一件事 我们在项目开发的过程中也许都遇到过这样的问题:我们需要实现这样一个需求,在一个父级元素中隐藏一个可能过长的文本。而这个需求可以分解为两个,一个是单行溢出省略,一个是多行溢出省略。下面我们就开始一起学习吧! 实现文本超出显示省略号的常见属性 1)
阅读全文 »
发表于 2020-09-29 01:52阅读:2190评论:0推荐:2
摘要:作者:WangMin 格言:努力做好自己喜欢的每一件事 在CSS中,如果给一个盒子设置了固定的宽度与高度,但内容过多就会溢出盒子本身的宽度或高度。此时,就可以使用 overflow 属性来控制内容溢出时的处理方式。那么接下来就开始来学习这个属性吧! overflow 属性值如下: |属性值|含义 |
阅读全文 »
发表于 2020-09-27 23:21阅读:837评论:0推荐:1
摘要:作者:WangMin 格言:努力做好自己喜欢的每一件事 网页上的每个元素都是一个矩形框。CSS中的display属性决定了矩形框的行为。display属性是我们在前端开发中常常使用的一个属性。 display的属性值如下: |属性值|含义 | |--|--| | block | 块对象的默认值。用该
阅读全文 »
发表于 2020-09-24 04:56阅读:1908评论:0推荐:0
摘要:作者:WangMin 格言:努力做好自己喜欢的每一件事 对于颜色相信大家都很敏感,眼睛所见之处都存在颜色,那在css中我们用什么来表示颜色呢?CSS 中的颜色有三种定义方式:使用颜色方法(RGB、RGBA、HSL、HSLA),十六进制颜色值和预定义的颜色名称。我们常使用的是RGB与RGBA。那我们就
阅读全文 »
发表于 2020-09-20 23:35阅读:1767评论:0推荐:0
摘要:作者:WangMin 格言:努力做好自己喜欢的每一件事 国内的设计师大都喜欢用px,而国外的网站大都喜欢用em和rem,那么三者的区别与优势是什么?接下来我们就来学习一下吧! 单位px、em、rem分别表示什么? 1、 px(Pixel) 相对于显示器分辨率而言,表示“绝对尺寸”(并非真正的绝对),
阅读全文 »
发表于 2020-09-19 21:13阅读:1025评论:0推荐:0
摘要:作者:WangMin 格言:努力做好自己喜欢的每一件事 对于所有定位,最后都不免遇到两个元素试图放在同一位置上的情况。显然,其中一个必须遮住另一个。但是如何控制哪个元素放在上层,这就出现了z-index这个属性。 z-index属性的含义 一个元素在文档中的层叠顺序,用于确认元素在当前层叠上下文中的
阅读全文 »
发表于 2020-09-18 22:29阅读:232评论:0推荐:0
摘要:作者:WangMin 格言:努力做好自己喜欢的每一件事 在开发过程中,很多网页需求要求我们居中一个div,比如html文档流当中的一块div,比如弹出层内容部分这种脱离了文档流等。不同的情况有不同的居中方式,接下来就分享下一下几种常用的居中方式。 1、margin:0 auto 水平居中 也就是将m
阅读全文 »
发表于 2020-09-18 04:02阅读:1964评论:0推荐:1
摘要:作者:WangMin 格言:努力做好自己喜欢的每一件事 在讲几种定位方式之前,我们先来了解一下什么是普通文档流(normal flow)? 前面讲过浮动会让元素脱离文档流,如果不设置浮动所有元素都处于普通文档流中。普通文档流中元素框的位置由元素在(X)HTML中的位置决定。块级元素从上到下依次排列,
阅读全文 »
发表于 2020-09-17 00:22阅读:251评论:0推荐:0
摘要:作者:WangMin 格言:努力做好自己喜欢的每一件事 什么是浮动 float? 标准流:元素会各占整行位置。子元素如果是标准流,父元素即使没有设置高度,也会撑开父盒子高度,也就是说父元素的高度会随着子元素的高度改变。 浮动:子元素浮了起来,脱离了文档流,所以不会占据原来的位置,若父元素没有设置高度
阅读全文 »
发表于 2020-09-16 21:35阅读:1130评论:0推荐:0
摘要:作者:WangMin 格言:努力做好自己喜欢的每一件事 以下为各种动画类型包含的不同动画效果类,仅供参考。具体可查看animate.css 官网。 bounce 弹跳 2. flash 闪烁 3. pulse 放大,缩小 4. rubberBand 放大,缩小,弹簧 5. shake 左右晃动 6.
阅读全文 »
发表于 2020-09-16 21:24阅读:5885评论:0推荐:0
摘要:作者:WangMin 格言:努力做好自己喜欢的每一件事 animate.css是什么? animate.css 是一个有趣,酷炫的,跨浏览器的动画库,里面包含了许多常用的css动画。你可以将它用于你的项目中,不管是主页,滑动切换,又或者是其它方面,你都可以通过它来制作出惊人的效果。 我们要使用的它的
阅读全文 »