- 博客(8)
- 收藏
- 关注
原创 CSS动图效果
:-: 过度 /* transition 过度动画 作用属性 -- transition-property 时间间隔 -- transition-duration 动图效果 -- transition-timing-function 等待延时 ...
2019-09-28 01:10:02 1443
原创 CSS盒子模型
:-: 伸缩盒子 .wrap { width: 400px; height: 300px; border: 1px solid red; /* --------------- 作用在父级上的 --------------- */ /* 父级改变为伸缩盒子 ...
2019-09-28 01:07:11 169 1
原创 CSS字体系列
:-: font 引入外部字体@font-face { font-family: 'diyfont'; /* 给该字体命名为 diyfont */ src: url('diyfont.eot'); /* IE9+ */ src: url('diyfont.eot?#iefix...
2019-09-28 01:04:24 167
原创 CSS边界样式 (背景、边框)
文章目录:-: border-radius (圆角):-: box-shadow (阴影):-: 动图 - Demo:-: border-image 边框背景:-: background 背景系列:-: border-radius (圆角) border-radius: 50%; /* 一个角可以设置两个弧度,垂直/水平 */ border-top-left-radi...
2019-09-28 00:55:39 630 1
原创 CSS选择器用法
:-: 不常用 ---------- 不太常用 ---------- 选中div下一个兄弟元素节点p、 div + p { background: red; } 选中div下面所有为p的兄弟元素节点p,并列结构下、 div ~ p { backgro......
2019-09-28 00:49:39 325 1
原创 CSS滚动条美化样式
.list-scroll { /* 设置最小高度、宽度 */ min-height: 100px; max-height: 500px; /* 设置最大高度、宽度 */ min-width: 100px; min-width: 500px;...
2019-09-28 00:42:22 367
原创 CSS让div居中的几种方式
div 水平居中 div.demo { box-sizing: border-box; width: 450px; height: 450px; border: 1px solid red; margin: 0 auto; ...
2019-09-28 00:36:38 301
原创 scss用法 CSS预编译
文章目录:-: 3种注解的区别:-: scss数据类型:-: 定义及使用变量 (数字,颜色,字符串):-: 嵌套语法:-: 属性嵌套:-: 混合 (类似于js的function):-: 继承(扩展):-: 模块化:-: 数据类型:-: 数字:-: 字符串:-: 颜色:-: 列表:-: 布.........
2019-09-28 00:20:32 1935 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人