Web开发基础-CSS-13

4 沙僧 大将、弟子、小弟

版权所有，违者必究。

官网：www.baidu.cn

对应的list.css文件内容：

/1.先做一些基本的设置/

/星是通用选择器，可以选择一切元素/

• {

padding: 0;

margin: 0;

}

/给所有div加边框/

div {

border: 1px solid red;

}

/2.设置页面的布局/

.logo {

width: 960px;

height: 61px;

}

.nav {

height: 91px;

}

.main {

height: 410px;

/预留出渐变条的空间/

padding-top: 10px;

}

.copy {

width: 960px;

height: 50px;

}

div {

margin: 0 auto;

}

.content {

width: 950px;

height: 390px;

border: 5px solid #8ac1db;

}

.content>div {

width: 910px;

}

.btn,.page {

height: 40px;

}

.data {

height: 310px;

}

/3.设置页面整体的背景/

body {

background: #0EA8D8;

}

.logo {

background: url(…/img/top_bg.png);

}

.nav {

background: #0488BB;

}

.content {

background: #E8F3F8;

}

.main {

background:

url(…/img/content_bg.png)

repeat-x top;

}

/4.设置文本样式/

body {

font-family:

“微软雅黑”,“文泉驿正黑”,“黑体”;

font-size: 14px;

}

.logo {

text-align: right;

line-height: 61px;

}

.logo>a {

margin-right: 40px;

color: #FFF;

text-decoration: none;

}

.logo>a:hover {

font-weight: bold;

}

.copy>p {

text-align: center;

color: #FFF;

line-height: 25px;

}

/* 5.设置数据区表格的样式 */

table {

width:100%;

bordr:1px solid #ccc;

border-collapse:collapse;

}

td {

border:1px solid #ccc;

text-align:center;

}

thead>tr {

line-height:43px;

background:#FBEDCE;

font-weight:bold;

}

tbody>tr {

line-height:35px;

background:#FFF;

}

tbody>tr:hover {

background:#F7F9FD;

}

.modify {

padding-left:15px;

background:

url(…/img/modification.png)

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

[外链图片转存中…(img-FAVIApfF-1715713724511)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！