前端学习
Vinegar �
Camera expert
展开
-
关于js中事件绑定的问题
先上代码:``` 事件绑定 请点击我一下```其中console.log($("button")[0]); console.log($("#btn"));都显示获取button元素成功 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20201127113554768.png?x-oss-process=image/watermark,type_ZmFuZ3p原创 2020-11-27 11:39:07 · 152 阅读 · 0 评论 -
bootstrap中轮播图width非100%时的居中
轮播图大小:w-75 放在最大div的class中m-auto放在轮播内容inner中即可实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href=原创 2020-05-20 20:32:22 · 1046 阅读 · 0 评论 -
CSS3裏的旋轉和放大縮小
旋轉: 順時針旋轉70° transfrom:rotate(70deg) ;放大與縮小: 放大1.2倍 transform:scale(1.2);原创 2020-04-09 15:45:45 · 153 阅读 · 0 评论 -
如何用CSS画圆 以及添加阴影
圆形的画法: 先画一个矩形,然后添加 border-radius属性,设置值为正方形的一半。 #content{ width: 200px; height: 200px; border-radius: 100px; box-shadow:20px 20px 30px gray; ...原创 2020-04-09 15:29:29 · 4262 阅读 · 0 评论 -
CSS里面的定位联系与区别
CSS 里面的定位问题CSS position分为 static(默认定位),relative(相对定位),absolute(绝对定位),z-index(叠加原理)下面一一介绍:static: 没有定位,文档出现在正常流中,即按照html里面出现的上下顺序,left,right,bottum,top,z-index,无效。fix: 相对于浏览器进行定位。relative: 相对于直接父...原创 2020-04-09 11:45:36 · 317 阅读 · 0 评论 -
关于float:浮动
普通流:不使用其他的与排列和定位相关的特殊css规则时,各种元素的自然排列规则浮动:脱离标准文档流并且可以左右移动作用:可以很方便 布局在这里插入代码片 运行效果运行float之后应该运用clear清除 否则浮动将会导致布局错乱:左右浮动起来之后,flooter上移;添加clear之后运行效果:在这里插入代码片`` `![在...原创 2019-12-07 12:28:41 · 363 阅读 · 0 评论 -
字体设计
字体设计 我想变成红色的 我想变成蓝色的 我想变成绿色的 我变粉色了 我变粉色了啊 我变粉色了啊啊啊 这是黄色的p 有背景憨憨 这是基佬紫 运行效果:![在这里插入图片描述](https://img-blog.csdnimg.cn/20191130231629493.png?x-oss-process=image/watermark,ty...原创 2019-11-30 23:16:57 · 281 阅读 · 0 评论 -
前端学习笔记
字体设计 你喜欢吃橘子吗? 运行效果![在这里插入图片描述](https://img-blog.csdnimg.cn/20191130222330291.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0...原创 2019-11-30 22:24:14 · 158 阅读 · 0 评论