DocumentflowDocumentflow是文档中元素的流向Flowdirection内联元素从左到右流动,宽度不够,锯齿形,元素会被截断块状元素从上往下流动,逐行注释内联元素中有英文单词,流动时宽度不够。英文单词会整体迁移,不会被打断。如果你想打断上面的连接,请使用css属性/*你想打断的inline元素*/{word-break:break-all;display:inline-block;}脱离文档流,类似于在页面上浮动。位置:固定;位置:绝对;关于字体,页面默认字体大小为16px。字体一般分为上、中、下文字(中西文)相对于基线(下)对齐不同的字体有各自的建议行高,可以指定CSS常用命令字体的line-height设置字体样式/*各种选择器*/{font-family:kai;}boldfont/*variousselectors*/{font-weight:bold;}fontuppercase/*variousselectors*/{text-transform:uppercase;}background相对背景位置自适应/*各种选择器*/{background-position:centercenter;/*水平方向*//*垂直方向*/background-size:cover;/*背景自适应*/background:url(backgroundimageaddress);}Setinnerandoutermarginspaddingmargin/*各种选择器*/{padding:10px20px30px40px;/*toprightbottomleft*/margin:10px20px30px40px;/*toprightbottomleft*/}/*variousselectors*/{padding:10px30px;/*toprightbottomleft*/margin:10px30px;/*top,bottom,left,andright*/}margin甚至可以是广告justed为负值以反方向移动inline元素的左右padding有用,上下padding不影响页面布局,位置保持不变。你可以设置css:display:line-block;使上、下、左、右的padding生效。position定位(详见:https://developer.mozilla.org...)(??????)??/*各种选择器*/{position:relative/absolute/fixed/sticky/static;}固定元素的宽度会自动收缩到最小最紧凑的宽度。您可以使用宽度高度来调整大小。您可以使用左上右下调整位置。你可以使用left:0;右:0;给元素填充
可以设置absolute子元素position:absolute;父元素位置:elative;子元素相对父元素绝对定位子元素居中水平居中/*你想让子元素居中的元素*/{text-align:center;}垂直居中/*使用vertical-align需要父元素必须有行高,如果没有,必须手动添加:line-height:;*//*想要居中的子元素*/{verticle-align:center;}使页面中的内联元素居中:wrap它带有一个块元素,然后添加css: