10 2021 档案
摘要：<iframe> > 文档中的文档，创建包含另外一个文档的内联框架 。 功能：能够原封不动的将嵌入页面显示，主要用于那些多个网页的共有部分，如页面的头部、底部、广告等， 可以减少代码的重复率，减轻代码量。 基本语法：<iframe src="文件路径"></iframe> src用于设置框架的地址，
阅读全文
posted @ 2021-10-29 22:47
十七日尾
摘要：Emmet 通过缩写和tab键快速生成基础结构 > 后代 <!-- div>div --> <div> <div></div> </div> + 兄弟（同级） <!-- p+p --> <p></p> <p></p> ^ 上级 可多次跳 <!-- div>div>span^span --> <div
阅读全文
posted @ 2021-10-28 22:10
十七日尾
摘要：align-items 项目在交叉轴上对齐方式 flex-start：交叉轴的起点对齐。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css">
阅读全文
posted @ 2021-10-28 21:47
十七日尾
摘要：justify-content 项目在主轴上的对齐方式 flex-start (默认) 左对齐 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css
阅读全文
posted @ 2021-10-28 21:23
十七日尾
摘要：flex-wrap 当项目一行排不下时的换行方式 nowrap(默认) 不换行 会自动压缩项目使其能显示在一行 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="
阅读全文
posted @ 2021-10-28 21:13
十七日尾
摘要：flex-direction 项目排列方向 row(默认)： 水平方向，起点在左 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 .b
阅读全文
posted @ 2021-10-28 21:02
十七日尾
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 div{ 8 width: 100px; 9 margin-top: 10px; 10
阅读全文
posted @ 2021-10-27 20:18
十七日尾
摘要：css 1 dl { 2 margin: 0 auto; 3 width: 340px; 4 border-right: 1px solid #f8b3d0; 5 } 6 7 dl dt { 8 background: #ff99cc; 9 color: #fff; 10 line-height:
阅读全文
posted @ 2021-10-27 19:36
十七日尾
浙公网安备 33010602011771号