css
关注
分享
扫一扫
吃不到的花生仁
这个作者很懒，什么都没留下…
展开
-
1.flex布局
1<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style> .body{ height: 800px; ...转载 2019-06-13 20:51:00 · 214 阅读 · 0 评论 -
10.行高、首行缩进
1.line-height （行间距）设置行间距，行与行之间的距离，字符的垂直间距，即行高。 px、em、%2.text-align(水平对齐) 设置文本内容的水平对齐方式，等同于html的align属性 left 左对齐 right：右对齐 center 居中对齐 jus...转载 2019-07-15 21:01:38 · 941 阅读 · 0 评论 -
9.伪类选择器
1.链接伪类选择器：link 未访问的链接：visited 已经访问的链接：hover 鼠标移动到链接尚的选择器：active 选定的链接2.结构（位置）伪类选择器：first-child 选择父元素下的第一个子元素：last-child 选取父类元素下最后一个子元素：nth-child(n) 选择父类元素下的第n个元素（不区分元素类型）：nth-last-ch...转载 2019-07-15 20:56:51 · 197 阅读 · 0 评论 -
8.背景颜色渐变
1.现行渐变中，颜色沿着一条直线过渡，从左到右、从右到左、从顶到底从底到顶，或延任意轴线a、background:-webkit-linear-gradient(渐变起始位置，启示颜色，结果颜色) div{ width: 100px; height: 100px; /* bac...转载 2019-06-20 20:29:12 · 1545 阅读 · 0 评论 -
7.浏览器内核前缀
Chrome(谷歌浏览器) ：WebKit内核 -webkit-Safari(苹果浏览器) ：WebKit内核 -webkit-Firefox(火狐浏览器) ：Gecko内核 -moz-IE(IE浏览器) ： Trident内核 -ms-Opera(欧朋浏览器) ：Presto内核 -o-链接：https://www.jianshu.com/p/32e892f08612...转载 2019-06-20 20:12:01 · 235 阅读 · 0 评论 -
6.文本溢出省略号
单行<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> p{ white-space: now...转载 2019-06-14 22:03:56 · 114 阅读 · 0 评论 -
5.3d 动画（2）
动画属性：animation-delay 定义动画开始的时间。 animation-direction 将动画设置为在备用循环中反向播放。 animation-duration 定义动画完成一个循环所需的时间长度。 animation-iteration-count 定义动画循环在停止之前应播放的次数。 animation-name 指定@keyframes 规则的名称。 an...转载 2019-06-14 21:27:56 · 458 阅读 · 0 评论 -
3.3D动画过渡
左手，让拇指和食指成“L”形，大拇指向右，食指向上，中指指向前方。这样我们就建立了一个左手坐标系，拇指、食指和中指分别代表X、Y、Z轴的正方向CSS3中的3D坐标系与上述的3D坐标系是有一定区别的，相当于其绕着X轴旋转了180度透视电脑显示屏是一个2D平面，图像之所以具有立体感（3D效果），其实只是一种视觉呈现，通过透视可以实现此目的。透视可以将一个2D平面，在转换的过...原创 2019-06-13 22:16:45 · 250 阅读 · 0 评论 -
3.css动画2d
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> img{ width: 200px;...原创 2019-06-13 21:40:36 · 103 阅读 · 0 评论 -
2.盒子定位居中两种方式
1.垂直居中a.使用 vertical-align：middle<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> ...转载 2019-06-13 21:07:27 · 1032 阅读 · 0 评论