Html 身体外的身体元素

正文{
边际：0px；
边框：1px纯黑；
}
#头{
文本对齐：居中；
背景：线性渐变（向右，青色，紫色）；
边际：0px；
填充：20px；
边框：1px纯黑；
}
#头h1{
边际：0px；
字体系列：“伟大的共鸣”，草书；
颜色：白色；
字体大小：40px；
}
康蒂安先生{
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
身高：100%；
}
.ops{
显示器：flex；
证明内容：中心；
边框底部：1px纯黑；
边框顶部：1件纯黑；
}
#列表ul{
列表样式类型：无；
边际：0px；
填充：0px；
}
#李列表{
浮动：左；
填充：0px；
边际：0px；
}
#列表li：悬停{
背景颜色：浅灰色；
}
#名单{
显示器：flex；
证明内容：中心；
利润率：10px；
}
形式{
填充：0px；
边际：0px；
}
杜德先生{
显示器：flex；
证明内容：中心；
填充：10px；
}
输入[name=“name”]{
最大高度：37像素；
最大宽度：400px；
最小宽度：200px；
边界半径：10px；
字号：17px；
边框：1px纯黑；
填充物：5px；
保证金：5px；
}
输入[name=“search”]{
背景色：rgb（183242 184）；
字体大小：15px；
边框：1px纯黑；
边界半径：5px；
颜色：黑色；
}
输入[name=“logout”]，
输入[name=“chat”]，
输入[name=“update”]，
输入[name=“homepage”]，
输入[name=“event”]{
背景色：白色；
边界：无；
填充：10px 19px；
}
输入[name=“logout”]：悬停，
输入[name=“chat”]：悬停，
输入[name=“update”]：悬停，
输入[name=“homepage”]：悬停，
输入[name=“event”]：悬停{
背景颜色：浅灰色；
}
.内容{
显示器：flex；
弯曲方向：行；
}
.侧边栏{
显示器：flex；
弯曲方向：立柱；
右边框：1px纯黑；
身高：100%
}
#形象{
保证金：2倍；
填充物：5px；
显示器：flex；
证明内容：中心；
}
#图像img{
边框：1px纯黑；
}
#上传{
边框顶部：1件纯黑；
保证金：2倍；
最小宽度：250px；
}
#上传p{
文本对齐：居中；
}
#愚蠢的{
显示器：flex；
证明内容：中心；
保证金：5px；
}
.材料{
利润率：20px；
最小宽度：400px；
边框：1px纯黑；
边界半径：10px；
背景颜色：浅灰色；
}
.职位{
边框：1px纯黑；
利润率：17像素；
边缘顶部：80px；
边界半径：7px；
}
.饲料{
填充：20px；
}
邮政署{
填充物：5px；
}
.海报{
左侧填充：10px；
边框底部：1px纯黑；
}
.海报p{}
#物质p{
文本缩进：30px；
}
#要紧{
边框：1px纯黑；
利润率：8px；
背景色：白色；
边界半径：20px；
填充：20px；
}
梅因先生{
显示器：flex；
弯曲方向：立柱；
保证金：5px；
宽度：100%；
}
/*#心意
{
显示器：flex；
弯曲方向：行；
证明内容：中心；
边框：1px纯黑；
边界半径：8px；
背景颜色：浅灰色；
}*/
textarea[name=“mind”]{
边界半径：10px；
边框：1px纯黑；
字体大小：15px；
填充：10px 5px 10px 5px；
}
输入[name=“post”]{
宽度：120px；
高度：50px；
背景色：粉蓝色；
字号：17px；
}

接头。
接头。












“width=“200”height=“250”>
上传图片：


海报

我非常高兴地宣布贵校即将迎来新生，拥抱

一种方法是将主体转换为内联块。
默认情况下，内联块的宽度与其内容相同，并且不受窗口宽度的限制

正文{
边际：0px；
边框：1px纯黑；
显示：内联块；/*新建*/
}
#头{
文本对齐：居中；
背景：线性渐变（向右，青色，紫色）；
边际：0px；
填充：20px；
边框：1px纯黑；
}
#头h1{
边际：0px；
字体系列：“伟大的共鸣”，草书；
颜色：白色；
字体大小：40px；
}
康蒂安先生{
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
身高：100%；
}
.ops{
显示器：flex；
证明内容：中心；
边框底部：1px纯黑；
边框顶部：1件纯黑；
}
#列表ul{
列表样式类型：无；
边际：0px；
填充：0px；
}
#李列表{
浮动：左；
填充：0px；
边际：0px；
}
#列表li：悬停{
背景颜色：浅灰色；
}
#名单{
显示器：flex；
证明内容：中心；
利润率：10px；
}
形式{
填充：0px；
边际：0px；
}
杜德先生{
显示器：flex；
证明内容：中心；
填充：10px；
}
输入[name=“name”]{
最大高度：37像素；
最大宽度：400px；
最小宽度：200px；
边界半径：10px；
字号：17px；
边框：1px纯黑；
填充物：5px；
保证金：5px；
}
输入[name=“search”]{
背景色：rgb（183242 184）；
字体大小：15px；
边框：1px纯黑；
边界半径：5px；
颜色：黑色；
}
输入[name=“logout”]，
输入[name=“chat”]，
输入[name=“update”]，
输入[name=“homepage”]，
输入[name=“event”]{
背景色：白色；
边界：无；
填充：10px 19px；
}
输入[name=“logout”]：悬停，
输入[name=“chat”]：悬停，
输入[name=“update”]：悬停，
输入[name=“homepage”]：悬停，
输入[name=“event”]：悬停{
背景颜色：浅灰色；
}
.内容{
显示器：flex；
弯曲方向：行；
}
.侧边栏{
显示器：flex；
弯曲方向：立柱；
右边框：1px纯黑；
身高：100%
}
#形象{
保证金：2倍；
填充物：5px；
显示器：flex；
胡斯蒂