10 2023 档案

css实现图片的居中、拉大和缩小
摘要：resize和overflow实现拉大和缩小，绝对定位+transform实现剧中，max-height和max-width限制图片不能超出div的范围 <html> <head> <style> #div{ background-color: antiquewhite; height: 300px 阅读全文
posted @ 2023-10-25 09:59 三鸡 阅读(176) 评论(0) 推荐(0) 编辑
js单击元素时，修改当前元素的样式，还原上一个元素的样式
摘要：<html> <head> <style> #tasklist{ /* background-color:gray; */ display: flex; } .item{ margin-right: 20px; } .active{ border-bottom: 3px solid orange; 阅读全文
posted @ 2023-10-19 15:55 三鸡 阅读(219) 评论(0) 推荐(1) 编辑
css多个元素一行排列的方法
摘要：1、弹性盒子模型（FlexBox），不考虑兼容性问题的情况下，建议新手直接使用这种模式，简单，最重要的是元素不会浮动，不会影响后面的元素的布局，比如下面代码中的我在底层这个div的显示没有任何影响。 <html> <head> <style> #tasklist{ background-color: 阅读全文
posted @ 2023-10-19 14:55 三鸡 阅读(468) 评论(0) 推荐(0) 编辑