2021.12.2

最新推荐文章于 2024-07-25 08:14:42 发布
最新推荐文章于 2024-07-25 08:14:42 发布
阅读量56 收藏
点赞数
文章标签： css html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62955159/article/details/121674252
版权 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>学成在线-不是所有的网站都叫学成在线</title>
	<link rel="stylesheet" href="style.css">
</head>
<body>
	<!-- header头部模块开始 -->
	<div class="header w">
		<!-- logo -->
		<div class="logo">
			<img src="images/logo.png" alt="">
		</div>
		<!-- nav -->
		<div class="nav">
			<ul>
				<li><a href="#">首页</a></li>
				<li><a href="#">课程</a></li>
				<li><a href="#">职业规划</a></li>
			</ul>
		</div>
		<!-- search -->
		<div class="search">
			<input type="text" value="输入关键词">
			<button></button>
		</div>
		<!-- user -->
		<div class="user">
			<img src="images/user.jpg" alt="">
			lilei-hanmm
		</div>
	</div>
	<!-- header头部模块结束 -->
	<!-- banner 部分start -->
	<div class="banner">
		<div class="w">
			<!-- 左侧 subnav  -->
			<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="#">UI设计 <span>></span></a></li>
					<li><a href="#">产品 <span>></span></a></li>
				</ul>
			</div>
			<!-- 右侧 course -->
			<div class="course">
				<div class="course-hd">
					我的课程表
				</div>
				<div class="course-bd">
					<ul>
						<li>
							<h4>继续学习 程序语言设计</h4>
							<p>正在学习-使用对象</p>
						</li>
						<li>
							<h4>继续学习 程序语言设计</h4>
							<p>正在学习-使用对象</p>
						</li>
						<li>
							<h4>继续学习 程序语言设计</h4>
							<p>正在学习-使用对象</p>
						</li>
					</ul>
					<a class="all" href="#">全部课程</a>
				</div>
			</div>
			
		</div>
	</div>
	<!-- banner 部分end -->
	<div class="goods w">
		<h3>精品推荐</h3>
		<div class="goods-item" >
			<a href="#">JQuery</a>
			<a href="#">Spark</a>
			<a href="#">MySQL</a>
			<a href="#">JavaWeb</a>
			<a href="#">CSS</a>
		</div>
		<div class="mod">
			修改兴趣
		</div>
	</div>
	<div class="box w" >
		<div class="box-hd" >
			<h3>精品推荐</h3>
			<a href="#">查看全部</a>
		</div>
		<div class="box-bd claerfix">
			<ul>
				<li>
					<img src="images/pic.jpg" alt="">
					<h4>Think PHP 5.0 博客系统实战项目演练</h4>
					<p><span>高级</span> ·  1125人在学习 </p>
				</li>
				<li>
					<img src="images/pic.jpg" alt="">
					<h4>Think PHP 5.0 博客系统实战项目演练</h4>
					<p><span>高级</span> ·  1125人在学习 </p>
				</li>
				<li>
					<img src="images/pic.jpg" alt="">
					<h4>Think PHP 5.0 博客系统实战项目演练</h4>
					<p><span>高级</span> ·  1125人在学习 </p>
				</li>
				<li>
					<img src="images/pic.jpg" alt="">
					<h4>Think PHP 5.0 博客系统实战项目演练</h4>
					<p><span>高级</span> ·  1125人在学习 </p>
				</li>
				<li>
					<img src="images/pic.jpg" alt="">
					<h4>Think PHP 5.0 博客系统实战项目演练</h4>
					<p><span>高级</span> ·  1125人在学习 </p>
				</li>
				<li>
					<img src="images/pic.jpg" alt="">
					<h4>Think PHP 5.0 博客系统实战项目演练</h4>
					<p><span>高级</span> ·  1125人在学习 </p>
				</li>
				<li>
					<img src="images/pic.jpg" alt="">
					<h4>Think PHP 5.0 博客系统实战项目演练</h4>
					<p><span>高级</span> ·  1125人在学习 </p>
				</li>
				<li>
					<img src="images/pic.jpg" alt="">
					<h4>Think PHP 5.0 博客系统实战项目演练</h4>
					<p><span>高级</span> ·  1125人在学习 </p>
				</li>
				<li>
					<img src="images/pic.jpg" alt="">
					<h4>Think PHP 5.0 博客系统实战项目演练</h4>
					<p><span>高级</span> ·  1125人在学习 </p>
				</li>
				<li>
					<img src="images/pic.jpg" alt="">
					<h4>Think PHP 5.0 博客系统实战项目演练</h4>
					<p><span>高级</span> ·  1125人在学习 </p>
				</li>
			</ul>

		</div>
	</div>
	<div class="footer" >
		<div class="w" >
			<div class="copyright" >
				<img src="images/logo.png" alt="">
				<p>学成在线致力于普及中国最好的教育它与中国一流大
					@2017年XTCG Inc.保留所有权利。 -沪ICP备150</p>
				<a href="#">下载APP</a>
			</div>
		</div>
		<div class="links" >
			<dl>
				<dt>
				关于学成网
				</dt>
				<dd>
					关于
				</dd>
				<dd>
					团队管理
				</dd>
				<dd>
					关于
				</dd>
				<dd>
					关于
				</dd>
				<dd>
					关于
				</dd>
			</dl>
			<dl>
				<dt>
				关于学成网
				</dt>
				<dd>
					关于
				</dd>
				<dd>
					团队管理
				</dd>
				<dd>
					关于
				</dd>
				<dd>
					关于
				</dd>
				<dd>
					关于
				</dd>
			</dl>
		</div>
	</div>




</body>
</html>

m0_62955159
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
学成在线案例完整版（6）
weixin_45147894的博客
06-16 1565
html代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>学成在线-不是所有的网站都叫学成在线</title> <link rel="stylesheet" href="style.css"> </head> <body> <!-- header头部模块开始 --&g...
2021-11-02
qq_38879481的博客
11-02 1036
LABview安装NI DAQmx驱动安装之后出现错误：NILVAIU.DLL无法初始化，问题。解决方案是：修复安装包。原路径不改变进行修复 问题如图所示。 解决方案为：解决方案 如果NI-DAQmx驱动程序已损坏，则会出现此错误，并在打开使用NI-DAQmx的VI，或放置DAQ助手时触发此错误。如果您无法在MAX中看到您的NI-DAQmx设备，这些说明也可能有助于解决该问题。 上次安装NI-DAQmx后，请确认您已重新启动计算机。在安装或更新驱动程序之后，通常需要重新启动才能使新的更改生效。 检查是否在不
综合案例：仿学成在线布局
qq_41929578的博客
09-30 206
综合案例：仿学成在线布局 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/style.css"/> </head> <body> <div class="header w">
0813学成在线最终稿（添加左端固定模块和图片下切换点位（不过由于学习水平有限，没有达到切换的效果，只是静态））
weixin_44807931的博客
08-13 349
之前发过一个前一段时间做的，最近随着学习加深又补充了点内容。 进度慢主要是最近沉迷于某拆迁游戏。 依旧是作为个人笔记内容记录 代码比较混乱，注释也挺混乱的，加上也没进行简化处理。 可以做一个很辣鸡的初学参考 还是，有需要的话会放到网盘分享。 上效果图： 贴代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"
学成在线首页的学与悟
zxdznyy的博客
11-02 258
文章目录前言一、案例成品展示图片？二、html代码总结三，CSS代码四，在写代码时遇到的问题及想法反思总结 前言 学会用标准流与浮动复刻一个网页，可以很好的锻炼css性质的利用。学成在线是我写出的第一个界面，上手叫生疏，还是花4天时间敲完了。前面是和老师同步一起写的，后面是自己发挥。 这里提供psd链接 学成在线psd链接下载 一、案例成品展示图片？ 二、html代码 总结 提示：这里对文章进行总结： 例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我
学成在线首页案例模仿二（代码全自写的，部分参考）
下雨打伞干嘛的博客
08-15 332
第一、二栏代码链接：link. 3. 第三栏 html代码： <div class="goods w"> <h3>精品推荐</h3> <ul> <li><a href="#">jQuery</a></li> <li><a href="#">Spark</a></li>
Appium-Inspector-windows-2021.12.2
02-11
新版appium1.22与inspector分离，需要单独下载Appium-Inspector
微软常用运行库合集MSVBCRT.AIO.2021.12.10.zip
11-16
微软常用运行库合集MSVBCRT.AIO.2021.12.10.zip是一个集合了多种Microsoft Visual C++运行时库的压缩文件，它旨在为用户的计算机提供必要的组件，以便能够顺利运行依赖这些库的软件程序。在Windows操作系统中，许多...
PyPI 官网下载 | homeassistant-stubs-2021.12.2.tar.gz
01-12
《PyPI官网下载的homeassistant-stubs-2021.12.2.tar.gz：探索Python库的魅力》 PyPI（Python Package Index）是Python开发者的重要资源库，它为全球的Python爱好者提供了丰富的第三方库，使得开发工作更加便捷高效...
Appium-Inspector-windows-2021.12.2.exe
12-30
APP自动化测试Appium-Inspector-windows-2021.12.2.exe https://github.com/appium/appium-inspector/releases/
Endnote journal term list_2021.12.03
04-04
在不列颠哥伦比亚大学图书馆网站导出所有期刊名和缩写，大概1W+的期刊名字,期刊名字和缩写截至2021.12.03
网站基本布局CSS
m0_46608027的博客
07-24 767
* 滚动条轨道样式 *//* 滚动条样式 *//* 滑块样式 */
css 作业 2
最新发布
没有 bug 的代码是不完美的！
07-25 644
写完了
【css】flex布局父元素宽度或高度无法被子元素撑开-bug记录
qq_2511276124的博客
07-24 269
flex布局父元素宽度或高度无法被子元素撑开问题。 解决方案： ==**手动计算子元素内容所占宽高，手动赋值给父元素即可。**==
CSS实现表格无限轮播
像鱼的博客
07-24 194
在React中，用CSS实现表格无线轮播
HOW - CSS 定义颜色值
weixin_58540586的博客
07-22 1312
使用 CSS 提供的预定义颜色名。示例：color: red;/* 红色 *//* 蓝色 *//* 浅灰色 */综合利用这些颜色定义方式，可以根据项目需求选择最合适的颜色表示方法。/* 十六进制颜色 *//* RGB 颜色 *//* HSL 颜色 *//* 预定义颜色名 *//* 透明的 RGBA 颜色 *//* LCH 颜色 *//* Lab 颜色 *//* HWB 颜色 *//* CSS4 颜色模块 */
WebKit的CSS Aspect Ratio Box：重塑响应式设计
2401_85760095的博客
07-24 736
的属性，它允许开发者为元素定义一个理想的宽高比。在WebKit中，这个属性得到了良好的支持，使得开发者可以轻松实现响应式设计。属性在大多数现代浏览器中得到了良好的支持，包括基于WebKit的浏览器如Safari。属性是一个强大的工具，它可以帮助开发者在WebKit和其他现代浏览器中轻松实现响应式设计。属性对性能的影响通常很小，但在一些极端情况下，如大量使用或在性能受限的设备上，过度使用可能会对性能产生一定影响。在这个例子中，所有图片都将保持16:9的宽高比，并且宽度为100%。随着Web技术的发展，
CSS（四）——CSS Text(文本）
m0_62701594的博客
07-24 1305
颜色属性被用来设置文字的颜色。
linux 中如何用 find 查看 2021.12.2 当天的文件有哪些？
03-04
你可以使用以下命令来查看 2021.12.2 当天的文件： find /path/to/directory -type f -newermt 2021-12-02 ! -newermt 2021-12-03 其中，/path/to/directory 是你要查找的目录路径。-type f 表示只查找文件，-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值