transform: rotate(45deg);旋转 rotate(值) 值为正，表示元素顺时针旋转 值为负，表示元素逆时针旋转 transform: translate(200px,100px);位移 translate(水平方向位移,垂直方向位移) transform: scale(3,2); Read More
posted @ 2019-09-16 10:58
陌漠
Views(227)
Comments(0)
Diggs(0)
过渡属性：使元素变化过程可见 transition: all 1s;元素所有变化过程都可见 transition: 1s;元素所有变化过程都可见 transition: 指定属性 2s 1s;指定属性变化过程可见，过渡时间2s，延迟1s，过渡时间和延迟时间顺便不可以调整 案例： （1）html <d Read More
posted @ 2019-09-16 10:54
陌漠
Views(508)
Comments(0)
Diggs(0)
border-radius圆角 当盒子的宽高一样时，设置盒子的border-radius为50%，得到一个圆形 border-radius: 20px 30px 200px 200px; 只写一个值：表示四边的圆角都为该值 写两个值：第一个值表示左上角和右下角的圆角，第二个值表示右上角和左下角的圆角 Read More
posted @ 2019-09-16 10:16
陌漠
Views(695)
Comments(0)
Diggs(0)
盒子模型：width/height/padding/margin/border其中，padding和border影响盒子的占位 宽高为内容的宽高 height: 100px; width: 100px; border: 10px dotted green;边框 第一个值：线的粗细 第二个值：线的类型 Read More
posted @ 2019-09-16 10:14
陌漠
Views(107)
Comments(0)
Diggs(0)
设置背景颜色：值可以直接写英文字母，也可以写十六进制，也可以写rgbbackground-image: url('img/timg2.jpg'); 引入背景图片background-repeat: no-repeat; 背景图片平铺，默认为平铺。no-repeat：不平铺；repeat-x：水平方向 Read More
posted @ 2019-09-16 10:10
陌漠
Views(191)
Comments(0)
Diggs(0)
文本水平居中：text-align: center; 单行文字垂直居中：line-height:盒子的高度 行高：从上一行文字结束的地方开始，到下一行文字结束的地方结束 案例： （1）html <h1>这是文字</h1> (2)css h1{ height: 150px; border: 1px s Read More
posted @ 2019-09-16 10:04
陌漠
Views(396)
Comments(0)
Diggs(0)
外边距塌陷： 1、父级和子级之间 给子级上边的外边距，父级会跟着子级下来 解决方法： 1）给父级overflow: hidden; 2）给父级上边框 2、同级之间 在垂直方向上，外边距不会叠加，谁大听谁的 在水平方向上，外边距会叠加 案例： （1）html <div> <p></p> </div> Read More
posted @ 2019-09-16 10:02
陌漠
Views(600)
Comments(0)
Diggs(0)
行内块元素默认外边距解决方法： 水平方向：给元素浮动 垂直方向：1、给元素vertical-align: top/bottom; 2、将元素转化成块级元素 案例： （1）html <div> <img src="img/t.jpg" alt=""> </div> （2）css div{ border Read More
posted @ 2019-09-16 09:59
陌漠
Views(1393)
Comments(0)
Diggs(0)
事件冒泡：子级和父级绑定相同的事件，触发子级的事件，会同时触发父级的事件 事件冒泡解决方法： 1、给子级加return false; 2、给子级加e.stopPropagation() 标签默认行为：标签自身带有的行为，比如a标签的跳转，表单的自动提交 阻止默认行为： 1、给标签加return fa Read More
posted @ 2019-09-16 09:56
陌漠
Views(148)
Comments(0)
Diggs(0)
浙公网安备 33010602011771号