CSS文本样式设置+CSS盒子模型

最新推荐文章于 2022-06-06 09:00:00 发布

原创最新推荐文章于 2022-06-06 09:00:00 发布 · 323 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css

学习专栏收录该内容

5 篇文章

订阅专栏

本文深入解析了一段HTML和CSS布局代码，详细介绍了header、div、aside、main、footer等元素的使用，以及如何通过CSS设置背景颜色、边框、内边距等样式，实现页面的响应式设计。

28号作业

header(.logo+nav)

div.userlnfo

aside

ul>li

main

section

footer

body{text-align: center;width: 100%;} .div2{white-space: pre;width: 98%;margin:auto;margin-bottom: 0.5rem;} div{background-color: #00FFFF;border:1px solid black;}img{width: 4rem;height: 3rem;border: 0.1rem solid #666666;margin-top: 0.4rem;} .div3,.div4{background-color: #00CCFF; margin-left:0.5rem; margin-right:0.5rem; margin-bottom: 0.5rem;} .main,.aside{display: inline-block} .div1{height: 3.4rem; margin-bottom: 0.5rem;margin-left:-0.6rem; margin-right:-0.6rem;line-height: 3rem;} .aside{width: 29%;display: inline-block;height: 18rem;vertical-align: top;} .main{width:68.7%;display: inline-block;height: 18rem;} .footer{margin-top: 0.5rem; line-height: 3rem;} .div3{height:5rem;line-height: 5rem;} .div4{height:3.5rem;line-height: 3.5rem;}