当前位置：首页 > news >正文

CSS——学成在线案例

news 文章来源：https://blog.csdn.net/weixin_68773927/article/details/129228575 2024/11/2 20:31:22

🍓个人主页：bit..

🍒系列专栏：Linux(Ubuntu)入门必看 C语言刷题数据结构与算法 HTML和CSS3

1.案例准备工作

2.CSS属性书写顺序（重点）

3.页面布局整体思路

4.头部的制作编辑

6.精品推荐小模块

7.精品推荐大模块

8.底部模块

9.最终代码

1.案例准备工作

我们本次采取结构与样式相分离思想：

创建study目录文件夹（用于存放我们整个页面的相关内容）
用VScode打开这个目录文件夹
study目录内新建images文件夹，用于保存图片。
新建首页文件index.html（以后我们的网站首页统一规定为index.html）
新建style.css样式文件，我们本次采用外链样式表
将样式引入到我们的HTML页面文件中。（link）
样式表写入清除内外边距的样式，来检测样式表是否引入成功。

2.CSS属性书写顺序（重点）

建议遵循一下顺序：

布局定位属性：display/position/float/clear/visibility/overflow (建议diaplay第一个写，毕竟关系到模式)
自身属性：width/height/margin/padding/border/background
文本属性：color/font/text-decoration/text-align/vertical-align/white-space/break-word
其他属性（css3）：content/cursor/border-radius/box-shadow/text-shadow.....

3.页面布局整体思路

为了提高网页制作的效率，布局时通常有一下的整体思路：

必须确定页面的版型（可视区），我们测量可得知
分析页面中的行模块，以及每个行模块中的列模块，其实页面布局第一准则
一行中的列模块经常浮动布局，先确定每个列的大小，之后确定列的位置，页面布局第二准则。
制作HTML结构，我们常遵循，现有结构，后有样式的原则，结构永远最重要
所以，先理清楚布局结构，在写代码尤为重要，这里需要我梦多写多整理

4.头部的制作

导航栏注意点：

实际开发中，我们不会直接用链接a而是用li包含链接（li+a的做法）。

li+a语义更清晰，一看这就是条理清晰的列表型内容。
如果直接用a，搜索引擎更容易辨别为有堆砌关键字的嫌疑（故意堆砌关键字容易被搜索引擎有降权的风险）从而影响网站的排名。

注意：

让导航栏一行显示，给li添加浮动，因为li时块级元素，需要一行显示。
这个nav导航栏可以不给宽度，将来可以继续添加其余文字。
因为导航栏里面文字不一样多，所以最好给链接a左右padding撑开盒子，而不是指定高度。

search搜索框：

一个search大盒子里面包含2个表单

input文本框 button按钮

1号盒子是通栏的大盒子banner，不给宽度，给高度，给一个蓝色的背景
2号盒子是版心，需要水平居中
3号盒子版心内，左对齐subnav
4号盒子版心内，右对齐course课程

6.精品推荐小模块

大盒子水平居中goods 精品，注意盒子此处有阴影
1号盒子是标题h3右浮动
2号盒子里面放链接左浮动，goods-item距离可以控制链接的左右外边距（注意行内元素只给左右内外边距）
3号盒子右浮动mod修改

7.精品推荐大模块

1号盒子为最大的盒子，box版心水平居中对齐
2号盒子为上下面部分，box-hd --里面左侧表头H3浮动，右侧链接a右浮动
3号盒子为底部盒子，box-bd-- 里面是无需列表，有10个小li组成
小li外边距的问题，这里有小技巧：给box-hd宽度为1215就可以一行装开5个li

8.底部模块

1号盒子是通栏大盒子，底部footer给高度，底部是白色
2号盒子版心水平居中
3号盒子版权copyright 左对齐
4号盒子链接组 links 右对齐

9.最终代码：

index.html

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>学成在线首页</title><link rel="stylesheet" href="style.css">
</head><body><!-- 1.头部区域开始--><div class="header w"><!-- logo部分 --><div class="logo"><img src="images/logo_03.png" alt=""></div><!-- 导航栏部分 --><div class="nav"><ul><li><a href="#">首页</a></li><li><a href="#">课程</a></li><li><a href="#">职业规划</a></li></ul></div><!-- 搜索模式 --><div class="search"><input type="text" value="输入关键词"><button></button></div><!-- 用户模块 --><div class="user"><img src="images/user.png" alt=""> qq-lilei</div></div><!-- 头部区域结束 --><!-- 2.banner部分start --><div class="banner"><!-- 版心 --><div class="w"><div class="subnav"><ul><li><a href="#">前端开发<span>></span></a></li><li><a href="#">后端开发<span>></span></a></li><li><a href="#">移动开发<span>></span></a></li><li><a href="#">人工智能<span>></span></a></li><li><a href="#">商业预测<span>></span></a></li><li><a href="#">云计算&大数据<span>></span></a></li><li><a href="#">运营&从测试<span>></span></a></li><li><a href="#">ul设计<span>></span></a></li><li><a href="#">产品<span>></span></a></li></ul></div><!-- course 课程表模块 --><div class="course"><h2>我的课程表</h2><div class="bd"><ul><li><h4>继续学习 程序语言设计</h4><p>正在学习-使用对象</p></li><li><h4>继续学习 程序语言设计</h4><p>正在学习-使用对象</p></li><li><h4>继续学习 程序语言设计</h4><p>正在学习-使用对象</p></li></ul><a href="#" class="more">全部课程</a></div></div></div></div><!-- banner部分结束 --><!-- 3.精品推荐模块开始 --><div class="goods w"><h3>精品推荐</h3><ul><li><a href="#">jQuery</a></li><li><a href="#">Spark</a></li><li><a href="#">MySQL</a></li><li><a href="#">Java web</a></li><li><a href="#">JavaScript</a></li><li><a href="#">jQuery</a></li></ul><a href="#" class="mod">修改兴趣</a></div><!-- 精品推荐模式结束 --><!-- 4. box核心内容区域开始 --><div class="box w"><div class="box-hd"><h3>精品推荐</h3><a href="#">查看全部</a></div><div class="box-bd"><ul class="clearfix"><li><img src="images/pic.png" alt=""><h4>Think PHP 5.0 博客系统实战项目演练</h4><div class="info"><span>高级</span> · 1125人在学习</div></li><li><img src="images/pic.png" alt=""><h4>Think PHP 5.0 博客系统实战项目演练</h4><div class="info"><span>高级</span> · 1125人在学习</div></li><li><img src="images/pic.png" alt=""><h4>Think PHP 5.0 博客系统实战项目演练</h4><div class="info"><span>高级</span> · 1125人在学习</div></li><li><img src="images/pic.png" alt=""><h4>Think PHP 5.0 博客系统实战项目演练</h4><div class="info"><span>高级</span> · 1125人在学习</div></li><li><img src="images/pic.png" alt=""><h4>Think PHP 5.0 博客系统实战项目演练</h4><div class="info"><span>高级</span> · 1125人在学习</div></li><li><img src="images/pic.png" alt=""><h4>Think PHP 5.0 博客系统实战项目演练</h4><div class="info"><span>高级</span> · 1125人在学习</div></li><li><img src="images/pic.png" alt=""><h4>Think PHP 5.0 博客系统实战项目演练</h4><div class="info"><span>高级</span> · 1125人在学习</div></li><li><img src="images/pic.png" alt=""><h4>Think PHP 5.0 博客系统实战项目演练</h4><div class="info"><span>高级</span> · 1125人在学习</div></li><li><img src="images/pic.png" alt=""><h4>Think PHP 5.0 博客系统实战项目演练</h4><div class="info"><span>高级</span> · 1125人在学习</div></li><li><img src="images/pic.png" alt=""><h4>Think PHP 5.0 博客系统实战项目演练</h4><div class="info"><span>高级</span> · 1125人在学习</div></li></ul></div></div><!-- box核心内容区域结束 --><!-- 5.footer 模块制作 --><div class="footer"><div class="w"><div class="copyright"><img src="images/logo_03.png" alt=""><p>学成在线致力于普及中国最好的教育它与中国一流大学和机构合作提供在线课程。<br> © 2017年XTCG Inc.保留所有权利。-沪ICP备15025210号</p><a href="#" class="app">下载APP</a></div><div class="links"><dl><dt>关于学成网</dt><dd><a href="#">关于</a></dd><dd><a href="#">                管理团队</a></dd><dd><a href="#">                工作机会</a></dd><dd><a href="#">                客户服务</a></dd><dd><a href="#">                帮助</a></dd></dl><dl><dt>关于学成网</dt><dd><a href="#">关于</a></dd><dd><a href="#">                管理团队</a></dd><dd><a href="#">                工作机会</a></dd><dd><a href="#">                客户服务</a></dd><dd><a href="#">                帮助</a></dd></dl><dl><dt>关于学成网</dt><dd><a href="#">关于</a></dd><dd><a href="#">                管理团队</a></dd><dd><a href="#">                工作机会</a></dd><dd><a href="#">                客户服务</a></dd><dd><a href="#">                帮助</a></dd></dl></div></div></div>
</body></html>

style.css

* {margin: 0;padding: 0;
}/* 宽度为1200px 居中对齐 */.w {width: 1200px;margin: 0 auto;
}body {background-color: #f3f5f7;/* height: 3000px; */
}li {list-style: none;
}a {text-decoration: none;
}.clearfix:before,
.clearfix:after {content: "";display: table;
}.clearfix:after {clear: both;
}.clearfix {*zoom: 1;
}.header {height: 42px;/* background-color: pink; */margin: 30px auto;
}.logo {float: left;width: 198px;height: 42px;/* background-color: purple; */
}.nav {float: left;margin-left: 60px;
}.nav ul li {float: left;margin: 0 15px;
}.nav ul li a {display: block;height: 42px;padding: 0 10px;line-height: 42px;color: #050505;/* text-decoration: none; */
}.nav ul li a:hover {border-bottom: 2px solid #00a4ff;color: #00a4ff;
}/* search 搜索模式 */.search {float: left;width: 412px;height: 42px;background-color: skyblue;margin-left: 70px;
}.search input {float: left;width: 345px;height: 40px;border: 1px solid #00a4ff;border-right: 0;color: #bfbfbf;font-size: 14px;padding-left: 15px;
}.search button {float: left;width: 50px;height: 42px;background: url(images/btn.png);border: 0;
}.user {float: right;line-height: 42px;margin-right: 30px;font-size: 14px;color: #666;
}/* banner区域 */.banner {height: 421px;background-color: #1c036c;
}.banner .w {height: 421px;background: url(images/banner2.png) no-repeat top center;
}.subnav {float: left;width: 190px;height: 421px;background: rgb(0, 0, 0, 0.3);
}.subnav ul li {height: 45px;line-height: 45px;padding: 0 20px;
}.subnav ul li a {font-size: 14px;color: #fff;
}.subnav ul li a span {float: right;
}.subnav ul li a:hover {color: #00a4ff;
}.course {float: right;width: 230px;height: 300px;background-color: #fff;/* 浮动的盒子不会有外边距合并的问题 */margin-top: 50px;
}.course h2 {height: 48px;background-color: #9bceee;text-align: center;line-height: 48px;font-size: 18px;color: #fff;
}.bd {padding: 0 20px;
}.bd ul li {padding: 14px 0;border-bottom: 1px solid #ccc;
}.bd ul li h4 {font-size: 16px;color: #4e4e4e;
}.bd ul li p {font-size: 12px;color: #a5a4a5;
}.bd .more {display: block;height: 38px;border: 1px solid #00a4ff;margin-top: 5px;text-align: center;line-height: 38px;color: #00a4ff;font-size: 16px;font-weight: 700;
}/* 精品推荐模式 */.goods {height: 60px;background-color: #fff;box-shadow: 0 2px 3px 3px rgb(0, 0, 0, 0.1);margin-top: 10px;/* 行高会继承给线面的盒子 */line-height: 60px;
}.goods h3 {float: left;margin-left: 30px;font-size: 16px;color: #00a4ff;
}.goods ul {float: left;margin-left: 30px;
}.goods ul li {float: left;
}.goods ul li a {padding: 0 30px;font-size: 16px;color: #050505;border-left: 1px solid #ccc;
}.mod {float: right;margin-right: 30px;font-size: 14px;color: #00a4ff;
}.box {margin-top: 30px;
}.box-hd {height: 45px;
}.box-hd h3 {float: left;font-size: 20px;color: #494949;
}.box-hd a {float: right;font-size: 12px;color: #a5a5a5;margin-top: 10px;margin-right: 30px;
}/* 把li的父亲ul 修改的足够宽一行能撞开5个盒子不久实现换行了吗 */.box-bd ul {width: 1225px;
}.box-bd ul li {float: left;width: 228px;height: 270px;background-color: #fff;margin-right: 15px;margin-bottom: 15px;
}.box-bd ul li img {width: 100%;
}.box-bd ul li h4 {margin: 20px 20px 20px 25px;font-size: 14px;color: #050505;font-weight: 400;
}.box-bd .info {margin: 0 20px 0 25px;font-size: 12px;color: #999;
}.box-bd .info span {color: #ff7c2d;
}.footer {height: 415px;background-color: #fff;
}.footer .w {padding-top: 35px;
}.copyright {float: left;
}.copyright p {font-size: 12px;color: #666;margin: 20px 0 15px 0;
}.copyright .app {display: block;width: 118px;height: 33px;border: 1px solid #00a4ff;text-align: center;line-height: 33px;color: #00a4ff;font-size: 16px;
}.links {float: right;
}.links dl {float: left;margin-left: 100px;
}.links dl dt {font-size: 16px;color: #333;margin-bottom: 5px;
}.links dl dd a {color: #333;font-size: 12px;
}

CSS——学成在线案例

🍓个人主页：bit.. 🍒系列专栏：Linux(Ubuntu)入门必看 C语言刷题数据结构与算法 HTML和CSS3 目录 1.案例准备工作 2.CSS属性书写顺序（重点） 3.页面布局整体思路 4.头部的制作编辑 5.banner制作…...

编程日记 2023/5/30 19:15:50

元数据的类型

元数据通常分为三种类型：业务元数据、技术元数据和操作元数据。这些类别使人们能够理解属于元数据总体框架下的信息范围，以及元数据的产生过程。也就是说，这些类别也可能导致混淆，特别是当人们对一组元数据属于哪个类别或应该由谁…...

编程日记 2023/5/30 17:17:52

LEAP模型的能源环境发展、碳排放建模预测及不确定性分析

LEAP（Long Range Energy Alternatives Planning System/ Low emission analysis platform，长期能源可替代规划模型）是一种自下而上的能源-环境核算工具，由斯德哥尔摩环境研究所和美国波士顿大学联合研发。该模型与情景分析法紧密结…...

编程日记 2023/5/31 13:52:53

C# Task详解

1、Task产生背景 Task出现之前，微软的多线程处理方式有：Thread→ThreadPool→委托的异步调用，虽然也可以基本业务需要的多线程场景，但它们在多个线程的等待处理方面、资源占用方面、线程延续和阻塞方面、线程的取消方面等都显得比…...

编程日记 2023/5/31 13:52:49

Blob分析+特征

Blob分析特征0 前言1 概念2 方法2.1 图像采集2.2 图像分割2.3 特征提取3 主要应用场景：0 前言在缺陷检测领域，halcon通常有6种处理方法，包括Blob分析特征、Blob分析特征差分、频域空间域、光度立体法、特征训练、测量拟合，本篇博…...

编程日记 2023/5/31 13:52:46

4EVERLAND 的 IPFS Pinning 服务：4EVER Pin

我们很高兴地宣布 4EVERLAND Storage 的一个令人兴奋的补充，即 4EVER Pin。什么是 4EVER Pin？您可能已经知道星际文件系统或IPFS是一个分布式存储网络，来自世界各地的计算机组成节点共享数据。通常，在IPFS中获取一条数据时&#x…...

编程日记 2023/5/31 13:52:42

activiti整合springBoot其他操作

如果单纯使用activiti进行流程的自动控制，是可以实现的。但是通常我们都需要结合自定义的表，便于在流程执行中更加清晰的看到每一个流程实例节点的具体信息。关联自定义表与activiti表才能完成真正的业务 BusinessKey关联 // 定义businessKey Test pub…...

编程日记 2023/5/31 13:52:40

深度探索C++预编译头机制

深度详见预编译头，以vs编译器实现的预编译头管理为例预编译头是为了节省庞大的编译时间，采取的一种方法；C标准并没有规定如何实现预编译头机制；因此其具体实现方式由编译器供应商自行决定。下面就以VS中观测的结果为例进行说明…...

编程日记 2023/5/31 13:52:36

Leaflet基础入门教程（一）

leaflet是一个前端的轻量的gis框架，为什么说它轻量呢。因为相比于传统的“庞大的”GIS框架比如openlayers和mapbox，leaflet不仅代码体积小，而且API构成也极为简单。是GIS行业小白入门级别学习的最好的框架，没有之一。那么话不多说我们首先来学习一下如何使用leaflet搭建一…...

编程日记 2023/5/31 13:52:33

《强化学习导论》之6.5 Q-Learning

Q-Learning:Off-Policy TD Control强化学习的早期突破之一是开发了一种称为Q学习的非策略TD控制算法（Watkins，1989）。其最简单的形式，定义为(6.8)在这种情况下，学习的动作-值函数Q直接近似于最优动作-值函数&#xff0…...

编程日记 2023/5/31 13:52:31

5年软测，女朋友跑了俩，2年外包感觉自己废了一半，怎么办？

17年毕业，校招毕业就进入一家软件公司，干了2年的点工，随后进入一家外包公司工作至今，安逸使人堕落不知进取，加之随着近年的环境不景气，谈了多年将要结婚的女朋友也因为我的心态和工资要跟我闹分手我想改变现…...

编程日记 2023/5/31 13:52:28

【JavaWeb】HTML常用标签

HTML标签结构 HTML语言主要都是由标签构成的。标签名在 <> 中如<body> 标签大部分成对出现，代表开始和结束如 <body>标签中的内容</body> 少部分单个出现，叫单标签 </br> 代表换行标签中可以加属性，多个…...

编程日记 2023/5/31 13:52:25

python编程：查找某个文件夹下所有的文件，包括子文件加下的所有文件，读取指定类型的文件

目录一、实现要求二、代码实现三、效果测试一、实现要求 1、在电脑上有一个文件夹，该文件夹下面还有子文件夹，具体层级不清楚，需要实现将该文件夹下所有的文件路径读取出来； 2、在1的基础上，只需读取指定类型的文…...

编程日记 2023/5/31 13:52:22

测试外包干了5年，感觉自己已经废了····

前两天有读者想我资讯： 我是一名软件测试工程师，工作已经四年多快五年了。现在正在找工作，由于一直做的都是外包的项目。技术方面都不是很深入，现在找工作都是会问一些，测试框架，自动化测试，感…...

编程日记 2023/5/31 13:52:19

C++17 文件与目录操作＜filesystem＞

目录路径操作目录遍历文件检查和操作总结每次写C进行目录操作时，我一般都是调平台的SDK，尤其是win32 api 非常难记，于是查一下文档看看有没有和Python中os模块一样好用的库。于是发现 filesystem，从来没用过&#xff0…...

编程日记 2023/5/31 13:52:16

Python 如何安装 MySQLdb ?

人生苦短我用python Python 标准数据库接口为 Python DB-API， Python DB-API为开发人员提供了数据库应用编程接口。 Python 数据库接口支持非常多的数据库， 你可以选择适合你项目的数据库： GadFlymSQLMySQLPostgreSQLMicrosoft SQL Serve…...

编程日记 2023/5/31 13:52:14

总被程序员坑？你需要了解API接口

编辑导读：程序员是公司里的技术岗，也是产品经理最密切的合作伙伴。但是，程序员能看懂产品经理的工作，产品经理却不一定能明白程序员的工作，因此也常常被无良程序员坑。本文就从API接口的维度，浅析API的概念…...

编程日记 2023/5/31 13:52:11

信息系统基本知识（四）新技术

大纲信息系统与信息化信息系统开发方法常规信息系统集成技术软件工程新一代信息技术信息系统安全技术信息化发展与应用信息系统服务管理信息系统服务规划企业首席信息管及其责任 1.5 新一代技术 1.5.1 物联网概念：（The Internet of Things&#xf…...

编程日记 2023/5/31 13:52:09

jeesite多环境配置参考网址： https://blog.csdn.net/shaoming314/article/details/129115912?spm1001.2014.3001.5501 开源项目地址： https://gitee.com/thinkgem/jeesite Spring Spring MVC mybatis Ehcache shiro mysql jsp (主要技术栈) 项目…...

编程日记 2023/5/31 13:52:06

项目中用到的知识点回顾---JWT(JSON Web Token)

1.JWT原理： JWT 的原理是，服务器认证以后，生成一个 JSON 对象，发回给用户，如下； {"姓名": "张三","角色": "管理员","到期时间": "2018年7月1日…...

编程日记 2023/5/31 13:52:04

string类常用函数

1（substr函数）：字符串截取函数，用于获取字符串的子串： //str.substr(begin，length)，用于截取str中以begin为下标长度为length的字串 string s“asd”; ss.substr(0,1);//结果为a。 2&#xff08…...

编程日记 2023/6/1 5:14:13

hexo静态网站部署到腾讯云cos

hexo支持很多部署方案，最直接的就是部署在GitHub Pages服务上，国内gitee、coding等代码托管平台也都支持静态网站服务，而且免费。但是GitHub在国内访问不太稳定，国内的代码托管平台资源和服务也不太稳定，后来想了想&…...

编程日记 2023/5/31 13:52:02

Python高性能编程

一、进程池和线程池 1.串行 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 import time import requests url_lists [ http://www.baidu.com, http://fanyi.baidu.com, http://map.baidu.com, http://music.baidu.com/, http://tieba.baid…...

编程日记 2023/5/31 13:52:00

MVVM模式下如何正确【视图绑定+数据】

概述我如何（不在后面的代码中使用代码）自动绑定到我想要的视图？据我了解，如果正确完成，这就是模式应该如何工作。我可以使用主窗口 xaml 中的代码实现这一切，我甚至正确创建了一个资源字典（因…...

编程日记 2023/5/31 13:42:09

外包测试3年，离职后成功入职华为，拿到offer的那天我泪目了....

一提及外包测试，大部分人的第一印象就是：工作强度大，技术含量低，没有归属感！外包工作三年总体感受就是这份工作缺乏归属感，心里总有一种落差，进步空间不大，接触不到核心技术&#xf…...

编程日记 2023/5/31 13:41:59

Qt Study

按钮->点击->窗口->关闭窗口 connect(信号的发送者，发送具体信号，信号的接收者，信号的处理); 信号处理函数称为槽信号槽的优点，松散耦合，信号发送端和接收端本身是没有关联的，通过connect连接…...

编程日记 2023/5/31 13:41:51

JS混淆技术探究及解密方法分析

随着Web技术的快速发展，JavaScript被广泛应用于网页开发、移动应用开发等领域。然而，JavaScript代码很容易被反编译、解密，这给保护网站和应用程序的安全性带来了严重的挑战。为了解决这个问题，JS混淆技术应运而生。JS混淆就是将J…...

编程日记 2023/5/31 13:41:41

智慧制硅厂 Web SCADA 生产线

我国目前是全球最大的工业硅生产国、消费国和贸易国，且未来该产业的主要增量也将来源于我国。绿色低碳发展已成为全球大趋势和国际社会的共识，随着我国“双碳”目标的推进，光伏产业链快速发展，在光伏装机需求的带动下，…...

编程日记 2023/5/31 13:41:31

案例09-数据类型不一致导致equals判断为false

一：背景介绍在判断课程id和班级id的时候如果一致就像课程信息进行更新，如果不一致就插入一条新的数据。其实两个变量的值是一致的但是类型是不一致的。这就导致数据库中已经有一条这样的数据了，在判断的时候结果为false，就有插入…...

编程日记 2023/5/31 13:41:27

springsecurity中的类

Authentication AuthenticationProvider 每一个AuthenticationProvider对应一个Authentication 很多个AuthenticationProvider 由一个 ProviderManager管理 ProviderManager implements AuthenticationManager 一个ProviderManager有很多个 AuthenticationProvider Usern…...

编程日记 2023/5/31 13:41:20

iis7搭建网站/做网络推广有哪些平台

曾经更多的时候，受工作环境的限制，几乎所有的测试开发都我一个人来做，因为开发人员不会做，而自己team里又很少有能写程序的测试工程师。所以自己给测试开发制定的标准就是能写出程序，达到目标即可，这个观点…...

编程日记 2024/11/2 20:28:52

网站的维护怎么做/百度怎么发布自己的广告

我安装了32位的office 然后今天突发奇想安装了一个64位的 visio ，之后看到有人在网上发文章如何解决viso2013无法安装64位版本的Office https://jingyan.baidu.com/article/a65957f4db6ae124e67f9b9b.html 我就按照上面的操作进行了一番神操作我在没有备份的情…...

编程日记 2024/11/2 20:21:53

用dw做网站的视频/百度seo快速排名优化软件

中国武术有句名言：“内练一口气，外练筋骨皮”，修炼内功可以让自己比变得更强！本文将全面的带领大家了解一下G1这款垃圾收集器，在正式了解G1之前，我们先来回顾一下垃圾回收的相关基础知识。如何定位内存中…...

编程日记 2024/11/2 18:38:19

wordpress中文 apP/seo比较好的优化方法

入门级别的算法中有个叫冒泡排序法,也有称为气泡排序法. 一.打印行和列一般是这样的一个简单代码,输出4行4列*: for(int i 1,i < 5,i){for(int j 1,j < 5,j){printf("*");}printf("n\"); } 二.打印"上三角": for(int i 1,i < 5,i){f…...

编程日记 2024/11/2 18:37:18

关于网站建设的大学/关键词网络推广企业

请简述赋值， 深拷贝和浅拷贝的区别?(python中如何拷贝一个对象?)直接赋值(li1 li): 只传递对象的引用， li1指向对象li的内存地址空间,因此， 原有列表li改变， 被赋值的li1也会做相应的改变.浅拷贝:li和li2的内存地址不同,但是子…...

编程日记 2024/11/2 7:48:30

个人网站如何在工信部备案/百度推广业务员电话

某站后端代码被“开源”，同时刷遍全网的，还有代码里的那些神注释。我们这才知道，原来程序员个个都是段子手；这么多年来，我们也走过了他们的无数套路… 首先，产品经理，是永远永远吐槽不完的&a…...

编程日记 2024/11/2 3:35:23

1.案例准备工作

2.CSS属性书写顺序（重点）

3.页面布局整体思路

4.头部的制作

5.banner制作

6.精品推荐小模块

7.精品推荐大模块

8.底部模块

9.最终代码：

相关文章：