百度

最新推荐文章于 2026-01-05 14:38:08 发布

原创最新推荐文章于 2026-01-05 14:38:08 发布 · 183 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#百度

本文详细介绍了一种使用CSS进行网页布局的方法，包括如何设置宽度、高度、位置等属性，以及如何运用绝对定位和相对定位实现元素的精准放置。此外，还介绍了如何通过内联样式和类选择器来改变字体、颜色和背景。

body{
width: 100%;
}

*{
padding: 0;
margin: 0;
}
.all .first a{
font-family: “微软雅黑”;
font-size: smaller ;
color: black;
font-weight:bold ;
}

.all .first a:hover{
color: blue;
}

.all{
width: 1600px;
}

.all .first{
position: absolute;
top: 20px;
right:14px;
}

.all .second{
height:350px;
padding-left: 650px;
padding-top: 80px;
}

.all .third{
width:1595px;
height:280px;
position: relative;

}

.all .first .product{
background:cornflowerblue;
display: inline-block;
height: 20px;
width: 58px;

}

.all .first .product a{
color: white;
text-decoration: none;

}

.all .second .shuru{
width: 539px;
height: 34px;
border: 1px solid dodgerblue;
position: absolute;
left: 477px;
top: 240px;

}

.all .second .ok{
width: 100px;
height: 36px;
color: white;
background: #317ef3;
border: 0;
font-size:medium;
position: absolute;
top:240px;
left: 1018px;
}

.all .third .er{
position: absolute;
top: 100px;
left: 755px;
}

.all .third .mobile{
color: gray;
font-size: small;
font-weight: bold;
font-family: “微软雅黑”;
width: 55px;
height: 20px;
position: absolute;
top:160px;
left: 755px;

}

.all .third .h{
position: absolute;
top:200px;
left:600px;
width: 550px;
height: 20px;
}

.all .third .r{
position: absolute;
top:220px;
left:530px;
width: 580px;
height: 20px;
}

.all .third a{
font-family: “微软雅黑”;
font-size: smaller;
color: gray;
}

新闻 hao123 地图视频贴吧学术登录设置更多产品

手机百度

把百度设为主页关于百度 About Baidu 百度推广

![在这里插入图片描述](https://img-blog.csdnimg.cn/20190906120453853.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Fzd2Nzcw==,size_16,color_FFFFFF,t_70)