CSS3
youyouwuxin1234
博主:忧忧吾心
学历:2017.09-2019.07 硕士 - 武汉大学 软件工程
2013.08-2017.06 本科 - 郑州大学 计算机科学与技术
工作:2019.07.02-2021.11.16,在美的集团IT部门国际事业部,任职软件开发工程师
2021.11.22-2021.12.31,在新华三大数据有限公司从事软件研发
2022.01.01-至今,在紫光集团旗下紫光云技术有限公司从事中间件软件研发工作
其他:代表公司参加过2019年杭州阿里巴巴云栖大会
兴趣:爱生活、爱学习、爱运动、爱旅行、爱美食。
展开
-
84.Python修炼之路【89-前端-CSS3权重】2018.07.18
CSS权重 CSS权重指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式。 权重的等级 可以把样式的应用方式分为几个等级,按照等级来计算权重 1、!important,加在样式属性值后,权重值为 10000 2、内联样式,如:style=””,权重值为1000 3、ID选择器,如:#content,权重...原创 2018-07-18 17:28:48 · 110 阅读 · 0 评论 -
85.Python修炼之路【90-前端-CSS3新增选择器】2018.07.18
CSS3新增选择器 1、E:nth-child(n):匹配元素类型为E且是父元素的第n个子元素 <style type="text/css"> .list div:nth-child(2){ background-color:red; } </style> ...... <div class="list"&...原创 2018-07-18 17:30:48 · 85 阅读 · 0 评论 -
86.Python修炼之路【91-前端-CSS3圆角、阴影、rgba】2018.07.18
CSS3圆角、阴影、rgba CSS3圆角 设置某一个角的圆角,比如设置左上角的圆角: border-top-left-radius:30px 60px; 同时分别设置四个角: border-radius:30px 60px 120px 150px; 设置四个圆角相同: border-radius:50%; CSS3阴影 box-shadow:h-shadow v-shadow blu...原创 2018-07-19 00:02:48 · 136 阅读 · 0 评论 -
87.Python修炼之路【92-前端-CSS3transition动画】2018.07.19
CSS3 transition动画 1、transition-property 设置过渡的属性,比如:width height background-color 2、transition-duration 设置过渡的时间,比如:1s 500ms 3、transition-timing-function 设置过渡的运动方式 linear 匀速 ease 开始和结束慢速 ease-in 开始是...原创 2018-07-19 00:09:26 · 215 阅读 · 0 评论 -
88.Python修炼之路【93-前端-CSS3transform变换】2018.07.19
CSS3 transform变换 1、translate(x,y) 设置盒子位移 2、scale(x,y) 设置盒子缩放 3、rotate(deg) 设置盒子旋转,默认绕Z旋转 4、skew(x-angle,y-angle) 设置盒子斜切 5、perspective 设置透视距离 6、transform-style flat | preserve-3d 设置盒子是否按3d空间显示 7、trans...原创 2018-07-19 12:47:50 · 100 阅读 · 0 评论 -
89.Python修炼之路【94-前端-CSS3animation变换】2018.07.19
CSS3 animation动画 1、@keyframes 定义关键帧动画 2、animation-name 动画名称 3、animation-duration 动画时间 4、animation-timing-function 动画曲线 linear 匀速 ease 开始和结束慢速 ease-in 开始是慢速 ease-out 结束时慢速 ease-in-out 开始和结束时慢速 s...原创 2018-07-19 15:00:23 · 98 阅读 · 0 评论 -
90.Python修炼之路【95-前端-CSS3浏览器前缀】2018.07.19
CSS浏览器前缀 浏览器样式前缀 为了让CSS3样式兼容,需要将某些样式加上浏览器前缀: -ms- 兼容IE浏览器 -moz- 兼容firefox -o- 兼容opera -webkit- 兼容chrome 和 safari 比如: div { -ms-transform: rotate(30deg); -webkit-transform: ro...原创 2018-07-19 16:05:55 · 91 阅读 · 0 评论 -
93.Python修炼之路【98-前端-HTML5音频和视频】2018.07.19
HTML5 音频和视频 html5增加了audio和video标签,提供了在页面上插入音频和视频的标准方法。 audio标签 支持格式:ogg、wav、mp3 对应属性: 1、autoplay 自动播放 2、controls 显示播放器 3、loop 循环播放 4、preload 预加载 5、muted 静音 举例: <audio src="source/audio.mp3" ...原创 2018-07-19 17:00:48 · 136 阅读 · 0 评论