2021年9月28日

flex子项属性使用(flex/align-self)

摘要: flex`属性定义子项分配剩余空间,用flex来表示占多少份数。 .item { flex:<number>; /* default0 默认0 */ } section { display: flex; width: 60%; height: 150px; background-color: pin 阅读全文

posted @ 2021-09-28 19:23 tallish 阅读(252) 评论(0) 推荐(0)

flex布局(flex-warp 设置子元素是否换行 align-items设置侧轴上的子元素排列方式(单行) align-content(多行)flex-flow是flex-direction和flex-wrap的复合写法)

摘要: flex-wrap`设置子元素是否换行 ​ nowrap默认不换行,如果撞不开缩小子元素宽度。 ​ wrap换行 div { display: flex; /* 默认不换行 */ flex-wrap: nowrap; /* 换行 */ flex-wrap: wrap; width: 500px; h 阅读全文

posted @ 2021-09-28 17:43 tallish 阅读(1832) 评论(0) 推荐(0)

2021年9月27日

flex布局(flex-direction 主轴的方向 justify-content控制主轴上的排列方式)

摘要: flex布局 可以用父和子来区分felx flex container容器 父 flex item项目 子 flex就是通过给父盒子添加flex属性,来控制子盒子的位置和排列方式 flex-direction设置主轴的方向 ​ row默认值从左到右 ​ row-reverse从右到左 ​ colum 阅读全文

posted @ 2021-09-27 21:37 tallish 阅读(809) 评论(0) 推荐(0)

2D转换transform (translate移动 rotate 旋转 scale 缩放)

摘要: transform`转换 ​ translate移动 ​ rotate 旋转 ​ scale缩放 transform:translate(x,y); transform:translateX(n); transform:translateY(n); 利用transform垂直水平居中 <style> 阅读全文

posted @ 2021-09-27 21:30 tallish 阅读(70) 评论(0) 推荐(0)

2021年7月4日

最近学习的内容 表单 font和text 伪类选择器 背景图片

摘要: 表单 <from></from> 美 [frəm] 用于收集用户输入 <from action="/xxxxx.php"></from> 把frome包含的表单上传到服务器xxx.php文件 action 美 [ˈækʃn] 行动 <input> 美 [ˈɪnpʊt] 最重要的表单元素,里面包含很多 阅读全文

posted @ 2021-07-04 20:07 tallish 阅读(108) 评论(0) 推荐(0)

2021年6月18日

列表标签

摘要: 列表标签 3种列表 无需列表 <ul></ul>包含<li></li> <ul></ul>只能嵌套<li></li> <li></li>里面可以放其他标签 例子 <h4>这是一个无需列表</h4> <ul> <li>第一段文字</li> <li>第二段文字</li> <li>第三段文字</li> < 阅读全文

posted @ 2021-06-18 21:18 tallish 阅读(44) 评论(0) 推荐(0)

增加表单的小部分

摘要: ![](https://img2020.cnblogs.com/blog/2297681/202106/2297681-20210618211635304-1279851730.png) 阅读全文

posted @ 2021-06-18 21:17 tallish 阅读(15) 评论(0) 推荐(0)

表单标签

摘要: 表单标签 为什么需要表单 最大的特点就是注册信息,为了收集信息。 表单的组成 在html中完整的表单通常需要3个部分组成,表单域、表单控件(也称作为表单元素)和提示信息 表单域 <form></form>标签是用于定义表单域。 form会把范围内的表单元素信息提交给服务器。 <form action 阅读全文

posted @ 2021-06-18 21:13 tallish 阅读(774) 评论(0) 推荐(0)

2021年6月17日

合并单元格

摘要: 合并单元格 跨行合并 rowspan 合并单元格的个数 跨列合并 colspan 合并单元格的个数 合并是要找目标单元格的规则 跨行合并 最上侧单元格为目标单元格,写合并代码 跨列合并 最左侧单元格为目标单元格,写合并代码 行1写代码能合并 列1写代码能合并 合并单元格的确定三步 1先确定是跨行还是 阅读全文

posted @ 2021-06-17 22:12 tallish 阅读(312) 评论(0) 推荐(0)

单元格

摘要: 表格标签 表格标签一般是展示数据的 <table> <tr> <th></th> <td></td> </tr> </table> <!--table是表格标签 tr是行 td是每一个单元格 th是表头,有加粗剧中的功能 他们之间是需要互相嵌套 tr必须嵌套在table td和th必须签到到tr之中 阅读全文

posted @ 2021-06-17 21:15 tallish 阅读(253) 评论(0) 推荐(0)

导航

点击右上角即可分享
微信分享提示