摘要: 阅读全文
posted @ 2021-12-31 16:47 嘉琦 阅读(25) 评论(0) 推荐(0)
摘要: html结构代码: <form > <!-- form 为了让重置按钮生效--> <h1>青春不常在,抓紧谈恋爱</h1> <hr> 昵称: <input type="text" placeholder="请输入昵称"> <br><br> 性别: <input type="radio" name=' 阅读全文
posted @ 2021-12-31 16:39 嘉琦 阅读(127) 评论(0) 推荐(0)
摘要: 结构:&+英文; 常见的字符实体 阅读全文
posted @ 2021-12-31 15:07 嘉琦 阅读(38) 评论(0) 推荐(0)
摘要: 结构代码 所在城市: <select > <option selected>北京</option> <option>上海</option> <option>深圳</option> <option>广州</option> <option>杭州</option> </select> 效果图 结构代码: 阅读全文
posted @ 2021-12-31 14:47 嘉琦 阅读(74) 评论(0) 推荐(0)
摘要: 场景:在网页中显示用户点击的按钮标签名:button 注意:form不能少,少了不会出效果 html代码 <form > 昵称: <input type="text" placeholder="输入用户名"> <br><br> <!-- 提交按钮 --> <button type="submit"> 阅读全文
posted @ 2021-12-30 20:55 嘉琦 阅读(727) 评论(0) 推荐(0)
摘要: 场景:在网页中显示手机用户信息的表单效果。 如:登录页、注册页标签名:input 用法是通过改变type属性值,来展示不同效果 1.1 html 代码 <!--placeholder 提示符又叫占位符--> 昵称: <input type="text" placeholder="用户名" > <br 阅读全文
posted @ 2021-12-30 20:41 嘉琦 阅读(481) 评论(0) 推荐(0)
摘要: 1.1表格的基本标签 语法结构:<table> /*整体包裹部分,包裹多个tr */ <tr> /* 表格的每一个行,包裹td */ <td></td> /*表格的单元格,包裹内容 */ </tr> </table> 2.1表格相关属性 属性名 属性值 效果 border 数字 边框宽度 width 阅读全文
posted @ 2021-12-30 19:55 嘉琦 阅读(357) 评论(0) 推荐(0)
摘要: 1.无序列表:就是不需要排列顺序的情况,用无序列表 语法结构:<ul> <li></li> <li></li> </ul> 特点:每一个li前面都有一个小圆点 /* 清除黑点代码:list-style='none' */ 注意点:ul只能包裹li,li可以包裹任意内容 2.有序列表:有规则、有排序的 阅读全文
posted @ 2021-12-30 18:57 嘉琦 阅读(54) 评论(0) 推荐(0)
摘要: 属性名:opacity:数字+px; 数字值取值0-1之间数字 数字值:1表示完全不透明 0表示完全透明使用后效果 html结构代码 <div class="box"> <img src="./images/code.jpg" alt=""> </div CSS结构代码 <style> .box{ 阅读全文
posted @ 2021-12-30 16:41 嘉琦 阅读(117) 评论(0) 推荐(0)
摘要: 1.visibility:hidden; 2.display: none; 区别: 1.visibility:hidden 隐藏元素本身,且在网页中 占位置 2.display:none; 隐藏元素本身,且在网页中不占用位置,脱标 开发中常用: display:none;隐藏 display:blo 阅读全文
posted @ 2021-12-30 16:33 嘉琦 阅读(63) 评论(0) 推荐(0)