css
关注
分享
扫一扫
旭氏美术馆
很高兴认识你
展开
-
腾讯笔试题：前端table点击触发单元格所在行列样式变化
实现效果就是点击表格，触发所在行列样式变化，如图所示“html<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script><!DOCTYPE html><html><head><meta charset="utf-8"><title>文档标题</title></head><bod原创 2020-08-23 22:38:37 · 372 阅读 · 0 评论 -
css动态计算宽高
css3动态计算元素的高度及宽度1、px 像素，我们在网页布局中一般都是用px。2、百分比 百分比一般宽泛的讲是相对于父元素，自适应网页布局越来越多，百分比也经常用到了3、Viewport当已知一个div的高度时，它的同胞div高度是根据窗口高度减去已知div高度而得到，此时就需要calc函数 viewport：可视窗口，也就是浏览器。 vw Viewport宽度， 1vw...原创 2020-01-09 11:26:11 · 1582 阅读 · 0 评论 -
利用原生JS实现轮播图
写在前面：利用原生js实现轮播图，没有用任何框架之前有人说，来前端面试前，先实现一个js写轮播图吧最近刷了一套百度笔试题全球，其中就有这样一道编程题说起来很简单，但自己动手实现一下还是很有必要的原理：一行多个内容，通过移动这一行，只显示某一个部分效果:代码：html<!DOCTYPE html><html> <head> &l...原创 2019-05-22 20:33:44 · 482 阅读 · 0 评论 -
CSS3新增属性用法整理：
CSS3新增属性用法整理：1、box-shadow（阴影效果）2、border-color（为边框设置多种颜色）3、border-image（图片边框）4、text-shadow（文本阴影）5、text-overflow（文本截断）6、word-wrap（自动换行）7、border-radius（圆角边框）8、opacity（透明度）9、box-sizing（控制盒模型的组成模式...转载 2019-03-23 15:45:52 · 255 阅读 · 0 评论 -
CSS动画入门：一分钟实现球体上下跳动动画效果
最近用了一段时间的CSS，自我感觉已经可以进行一些初步的CSS布局了，不过对于CSS这个东西而言，个人觉得也确实不难，其实只要一样一样搞懂就可以了。之前学了一段时间的CSS，以为动画在CSS中应该会比较难，不过经过初步了解之后，其实也并不难，这篇博客是对CSS入门动画的一个记录，实现了一个小球上下跳动的动画。我在代码里做了相关注解，以便更好的理解代码。另外，可以参考这篇博客学习，我觉得还不错...原创 2019-01-18 21:01:04 · 6206 阅读 · 0 评论 -
CSS随手总结，flex
**1.flex:**让弹性盒模型拥有相同的长度，忽略其内容。其实就是均分长度<div id="main"> <div style="background-color:coral;">红色</div> <div style="background-color:lightblue;">蓝色</div>原创 2018-12-05 22:07:49 · 190 阅读 · 0 评论