摘要: 实现同时对行和列的控制 1.指定每列的宽度 .grid{displaya;grind; grid-template-colums:100px 100px 100px; } 2.用fr指定浮动宽度(fr是grid布局专有单位,类似于对整个盒子的宽度进行平等划分,1fr就是占一份) .grid{ gri 阅读全文
posted @ 2023-10-14 11:51 故塔拉黑暗之神 阅读(38) 评论(0) 推荐(0) 编辑
摘要: 新增语义化标签 音频标签 <!-- 音频 --> <audio src="音频文件" controls></audio> <!-- controls控制栏 loop循环 autoplay自动播放 muted静音 --> 视频 <!-- 视频 --> <video src="音频文件" poster= 阅读全文
posted @ 2023-10-14 10:22 故塔拉黑暗之神 阅读(11) 评论(0) 推荐(0) 编辑
摘要: 单选框 redio <div> <input type="radio"name="aaa" id="one"> <!-- 如果不加name或者name不一样,那么可以多选 --> <label for="one">非常满意</label> <!-- 给文字加上label可以点击文字进行单选框的选择 阅读全文
posted @ 2023-10-14 09:16 故塔拉黑暗之神 阅读(5) 评论(0) 推荐(0) 编辑
摘要: 两栏布局:窗口被分为左右两个部分,一部分为宽度固定,高度自适应。一部分为宽度高度都是自适应。如下:左边为固定宽度,右边为自适应 方法一 <style> *{margin: 0; padding: 0; } html,body{ height:100%; } .box1{ width:500px; h 阅读全文
posted @ 2023-10-14 01:57 故塔拉黑暗之神 阅读(34) 评论(0) 推荐(0) 编辑
摘要: 自适应:元素的大小能够根据窗口或子元素自动调整 宽度自适应,常用于导航栏之类的 <style> div{background-color: yellowgreen; width:auto; /* 宽度不写或者设为auto,就是宽度自适应 */ padding: 100px;} </style> 宽度 阅读全文
posted @ 2023-10-14 01:15 故塔拉黑暗之神 阅读(81) 评论(0) 推荐(0) 编辑