zhangyu12138 - 博客园

15-变换

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

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

14-高级选择器

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

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

13定位

摘要： Title 阅读全文

posted @ 2019-09-06 17:44 zhangyu12138 阅读(151) 评论(0) 推荐(0)

12-浮动

摘要： Title aaa 菜鸟联盟使用after伪元素模拟元素来清除浮动(企业常规用法) .box:after{/* after伪元素 */ content:''; display:block; clear:both; } 伪元素默认为display:inline; --> 阅读全文

posted @ 2019-09-06 17:43 zhangyu12138 阅读(97) 评论(0) 推荐(0)

11垂直对齐

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } .box{ border: 1px solid deeppink; font-size: 0; } .box img{ vertical-align: text 阅读全文

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

10-圆角属性

摘要： <!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: deeppink; border-radius: 50 阅读全文

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

09-文本文字

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } body{ font-size: 16px; } .text{ width: 400px; height: 100px; background-color: d 阅读全文

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

07-img和a标签

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>咸鱼联盟</title> <style> /* css层叠样式表 */ *{ margin: 0; padding: 0; } .box-one{ width: 200px; height: 100px; background-color: green; } 阅读全文

posted @ 2019-09-06 17:39 zhangyu12138 阅读(112) 评论(0) 推荐(0)

06-元素的分类

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>咸鱼联盟</title> <style> /* css层叠样式表 */ *{ margin: 0; padding: 0; } .box-one{ width: 200px; height: 100px; background-color: green; } 阅读全文

posted @ 2019-09-06 17:38 zhangyu12138 阅读(133) 评论(0) 推荐(0)

05-盒子模型2

摘要：咸鱼联盟兄弟元素在竖直方向有margin时触发 ... 阅读全文

posted @ 2019-09-06 17:37 zhangyu12138 阅读(97) 评论(0) 推荐(0)

导航

公告

2019年9月6日