zhangyu12138 - 博客园

25-媒体查询

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; height: 0; } @media screen and (min-width: 900px){ .box{ width: 200px; height: 200px; backgrou 阅读全文

posted @ 2019-09-06 18:42 zhangyu12138 阅读(67) 评论(0) 推荐(0)

24-弹性盒模型

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } .box{ display: flex;/*开启弹性盒模型*/ width: 800px; height: 500px; margin: 50px auto; 阅读全文

posted @ 2019-09-06 18:41 zhangyu12138 阅读(126) 评论(0) 推荐(0)

23-css补充

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .box{ --高度: 200px; --宽度: 200px; --颜色: #b9c9fd; width: var(--高度); height: var(--宽度); border: 5px solid curren 阅读全文

posted @ 2019-09-06 18:41 zhangyu12138 阅读(83) 评论(0) 推荐(0)

22-动画

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } .box{ width: 100px; height: 100px; background-color: #ff0789; border-radius: 50% 阅读全文

posted @ 2019-09-06 18:40 zhangyu12138 阅读(108) 评论(0) 推荐(0)

21-排序

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } form{ width: 300px; height: 300px; border: 1px solid blue; } input:checked+label 阅读全文

posted @ 2019-09-06 18:40 zhangyu12138 阅读(115) 评论(0) 推荐(0)

20-iframe

摘要： Title 第1次作业第2次作业第3次作业第4次作业第5次作业第6次作业第7次作业第8次作业第9次作业第10次作业第11次作业第12... 阅读全文

posted @ 2019-09-06 18:14 zhangyu12138 阅读(129) 评论(0) 推荐(0)

19-表格

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } table{ overflow: hidden; width: 阅读全文

posted @ 2019-09-06 18:12 zhangyu12138 阅读(81) 评论(0) 推荐(0)

18-渐变

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } .box{ width: 300px; height: 300px; /*background-image: linear-gradient(90deg,red 阅读全文

posted @ 2019-09-06 18:12 zhangyu12138 阅读(81) 评论(0) 推荐(0)

17-立方体

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } body{ perspective: 800px; } .stage{ position: relative; width: 200px; height: 20 阅读全文

posted @ 2019-09-06 18:11 zhangyu12138 阅读(94) 评论(0) 推荐(0)

16-过渡

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } .box{ width: 200px; height: 200px; background-color: aqua; transition-duration: 阅读全文

posted @ 2019-09-06 18:10 zhangyu12138 阅读(67) 评论(0) 推荐(0)

导航

公告

2019年9月6日