CSS 学成网（二）

2023-10-26

学成网小圆点

	/* 小圆点模块 */
	.circle {
		width: 180px;
		height: 22px;
		/* background-color: pink; */
		position: absolute;
		bottom: 10px;
		left: 50%;
		margin-left: -90px;
	}
	.circle li {
		float: left;
		width: 12px;
		background: rgba(255,255,255,0.4);
		height: 12px;
		margin: 0 8px;
		border-radius: 50%;
	}
	
/* 	.circle .current {
	border-radius:5px ;
	background-color: #fff;
	width: 19px;
} */
	.circle li:hover {
		border-radius:5px ;
		background-color: #fff;
		width: 19px;
	}

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>学成网</title>
	<link rel="stylesheet" href="style.css">
	 <!-- ctrl+g  快速定位到某一行 -->
</head>
<body>
	<!-- 结构 -->
	<!-- 页面头部分 -->
	<header>
	    <nav>
	        <!-- logo部分 -->
	        <div class="logo">
	          <img src="images/logo.png" height="42px" alt="logo">
	        </div>
	        <!-- 导航栏部分 用li -->
	        <div class="navbar">
	            <ul>
	                <li><a href="#">首页</a></li>
	       	        <li><a href="#">课程</a></li>
	       	        <li><a href="#">职业规划</a></li>
	            </ul>
	        </div>
	        <!-- 个人中心部分 -->
	        <div class="personal">
	            <a href="#">个人中心<img src="images/ling_06.png" alt=""></a>
	            <a href="#"><img src="images/tou_03.png" alt="">James</a>
	        </div>

	         <!-- 搜索框部分 -->
	        <div class="search">
	            <form action="#">
	                <input type="text" placeholder="请输入关键词">
	                <input type="submit" value="">
	            </form>
	        </div>
	    </nav>
	</header>

	<!-- banner部分 -->
	<div class="banner ">
	  <div class="banner-in container">
	        <!--  左侧导航栏侧边栏 -->
	        <div class="slidebar">
	            <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>

	        <!--小课表部分-->
	        <dl class="timetable">
	        	<dt>我的课程表</dt>
	        	<dd>
	        	   <h4>继续学习 程序语言设计</h4>
	        	   <p>正在学习-使用对象</p>
	        	</dd>
	        	<dd>
	        	   <h4>继续学习 程序语言设计</h4>
	        	   <p>正在学习-使用对象</p>
	        	</dd>
	        	<dd>
	        	   <h4>继续学习 程序语言设计</h4>
	        	   <p>正在学习-使用对象</p>
	        	</dd>
	        	<dd>
	        	    <a href="http://www.baidu.com">全部课程</a>
	        	</dd>
	        </dl>

	        <!-- 小圆点 -->
	        <ul class="circle">
	        	<li class="current"></li>
	        	<li></li>
	        	<li></li>
	        	<li></li>
	        	<li></li>
	        	<li></li>
	        </ul>
	  </div>
	</div>

	<!-- 精品推荐 -->
	<div class="recommend container">
		<a href="#">精品推荐</a>
		<a href="#">C++</a>
		<a href="#">Android</a>
		<a href="#">MySql</a>
		<a href="#">JaveWeb</a>
		<a href="#">大数据</a>
		<a href="#">iOS</a>
		<a href="#">修改兴趣</a>
	</div>
</body>
</html>

在这里插入图片描述

学成网首页

/* 样式 */
   /*  body {
   	height: 3000px;
   } */
	/* css初始化 */
	* {  /* 清除内外边距 */
		margin: 0;
		padding: 0;
	}
	ul {  /* 去掉列表样式小点 */
		list-style: none; 
	}
	.clearfix:before, .clearfix:after {
		display: table;
		content: "";
	}
	.clearfix:after {
		clear: both;
	}
	.clearfix {
		*zoom: 1;
	}
	/* 因为我们的版心宽度都是1200 都要居中对齐 我们就声明一个公共类 */
	.container {
		width: 1200px;
		margin: 0 auto;
	}
	/* css页面初始化结束 */
	body {
		background-color: #f3f5f7;  /* 页面的背景色 */
	}
	header {
		height: 100px;
		/* background-color: pink; */
		overflow: hidden;
	}
	nav {
		width: 1366px;
		height: 42px;
		/* background-color: purple; */
		margin: 26px auto;
	}
	.logo {
		float: left;
	}
	.navbar {
		margin-left: 50px;
		float: left;
		height: 42px;
		line-height: 42px;  /* 行高给父亲 行高会继承 */
	}
	a {
		color: #050505;
		text-decoration: none;
	}
	input {
		border: 0;
		box-sizing: border-box; /* CSS3盒子模型 border 和 padding 都包含到 width 里面去 */
	}
	.navbar li {
		list-style: none;
		float: left; /* 让 首页 课程 这一行显示 */
	}
	.navbar li a {
		padding: 0 10px;  /* 上下0 左右8px */
		display: block;  /* a是行内元素 给高需要转换块级 */
		height: 42px;
	}
	.navbar li a:hover {   /* 鼠标放入有底边框 */
		border-bottom: 2px solid #00a4ff;
	}
	
	/* 搜索框部分  */
	.search {
		height: 38px;
		width: 410px;   /* 360 +50 */
		border: 1px solid #00a4ff;
		float: right;
	}

	.search form input[type=text] {  /* 属性选择器 选取type 为text 的文本框*/
		/* background-color: pink; */
		width: 360px;
		height: 38px;
		padding-left: 20px;
		float: left;
	}
	.search form input[type=submit] {
		width: 50px;
		height: 38px;
		background-color: #00a4ff;
		float: left;
		background: #00a4ff url(images/search_06.png) center center no-repeat;
	}
	/*  个人中心 */
	.personal {
		float: right;
		height: 42px;
		line-height: 42px;
		margin: 0 15px 0 35px;
	}
	.personal img {
		margin: 0 8px;
	}
	/* banner开始 */
	.banner {
		height: 420px;
		background-color: #1c036c;
	}
	.banner-in {
		background: url(images/banner_03.png) 0 0 no-repeat;
		height: 420px;
		position: relative;

	}
	.slidebar {
		height: 420px;
		width: 190px;
		background: rgba(0,0,0,0.3);
		float: left;
	}
	.slidebar li a {
		color: #fff;
		font-size: 14px;
		padding: 0 20px;
		/* a是行内元素 没有大小需要转换 */
		display: block;
		height: 45px;
		line-height: 45px;  /* 单行垂直居中 很多情况下 有了行高 可以不用给高度  */
	}
	.slidebar li a span {
		float: right;
		font-family: arial; /*  一般符号用这个字体 */
	}
	.slidebar li a:hover {
		color: #00a4ff;
	}

	.timetable {
		float: right;
		width: 230px;
		height: 300px;
		background-color: #fff; 
		margin-top: 50px;
	}
	.timetable dt {
		height: 50px;
		background-color: #9bceea;
		text-align: center; /* 文字水平居中 */
		line-height: 50px;
		color: #fff;
		font-weight: 700;/*  文字加粗 */
		letter-spacing: 2px; /* 设置字间距 */
		margin-bottom: 5px;
	}
	.timetable dd {

		width: 193px;
		height: 60px;
		/* background-color: purple; */
		margin: 0 auto;
		border-bottom: 1px solid #ccc;
		padding-top: 14px;
		box-sizing: border-box; 
	}
	.timetable dd h4 {
		font-size: 16px;
		font-weight: normal;
		color: #4e4e4e;
	}
	.timetable dd p {
		font-size: 14px;
		color: #a5a5a5;
	}
	.timetable dd:last-child {  /* 结构伪类选择器 */
		border: 0;
	}
	.timetable dd a {
		height: 38px;
		border: 1px solid #00a4ff;
		display: block;
		text-align: center;
		line-height: 38px;
		color: #00a4ff;
		font-weight: 700;  /* 文字加粗 */
	}
	.timetable dd a:hover {
		background-color: #00a4ff;
		color: #fff;
	}

	/* 小圆点模块 */
	.circle {
		width: 180px;
		height: 22px;
		/* background-color: pink; */
		position: absolute;
		bottom: 10px;
		left: 50%;
		margin-left: -90px;
	}
	.circle li {
		float: left;
		width: 12px;
		background: rgba(255,255,255,0.4);
		height: 12px;
		margin: 0 8px;
		border-radius: 50%;
	}

/* 	.circle .current {
	border-radius:5px ;
	background-color: #fff;
	width: 19px;
} */
	.circle li:hover {
		border-radius:5px ;
		background-color: #fff;
		width: 19px;
	}
	/* banner结束 */

	/* 精品推荐 */
	.recommend {
		height: 60px;
		background-color: #fff;
		margin-top: 8px;
		box-shadow: 0 2px 2px rgba(0,0,0,0.2); 
		/* 盒子阴影 水平位置 垂直位置 模糊距离 影子颜色 */
		line-height: 60px;
	}
	.recommend a {
		padding: 0 30px;
		border-right: 1px solid #ccc;
	}
	.recommend a:first-child {
		color: #00a4ff;
	}
	.recommend a:hover {
		color: #00a4ff;
	}
	.recommend a:last-child {
		color: #00a4ff;
		border: 0;
		float: right;
		font-size: 14px;
	}

	/* 精品推荐 大模块 */
	.recom-products {
		margin-top: 35px;
	}
	.recom-hd {
		/* background-color: gray; */
		height: 40px;
	}
	.recom-hd h4 {
		float: left;
		color: #494949;
	}
	.recom-hd a {
		float: right;
		margin-top: 10px;
		margin-right: 30px;
		font-size: 14px;
		color: #a5a5a5;
	}
	.recom-hd a:hover {
		color: #00a4ff; /* 没有给高度 */
	}
	/* 精品推荐主体部分 */
	.recom-bd ul li {
		width: 228px;
		height: 270px;
		background-color: #fff;
		overflow: hidden; /* 溢出部分隐藏 */

		/* 盒子阴影 水平阴影 垂直阴影  模糊距离 阴影尺寸 阴影颜色 内/外阴影*/
		box-shadow: 0 4px 4px rgba(0,0,0,0.2);
		float: left;
		margin-right: 15px;
		margin-top: 15px;
	}
	.recom-bd ul li:nth-child(5n) {  /* 5n n从0开始 0, 1 2 3  */
		margin-right: 0;
	}
	.recom-bd li h5,
	.recom-bd li p {
		padding: 0 20px 0 24px;
		margin-top: 12px;
	}
	.recom-bd li h5 {
		font-size: 14px;
		font-weight: normal;
		line-height: 22px;
	}
	.recom-bd li p {
		font-size: 12px;
		color: #999;
	}
	.recom-bd  p span {
		color: #ff7c2d;
	}

	 /* 页面底部分  */
	footer {
		height: 200px;
		background-color: #fff;
		margin-top: 100px;
	}
	.footer-in {
		padding-top: 30px;
	}
	.footer-l {
		float: left;
	}
	.footer-l p {
		font-size: 12px;
		line-height: 18px;
		color: #999;
		margin-top: 20px;
	}
	.footer-l a {
		display: block;
		width: 118px;
		height: 33px;
		border: 1px solid #00a4ff;
		text-align: center;
		font-size: 16px;
		color: #00a4ff;
		line-height: 33px;
		margin-top: 15px;
	}
	.footer-r {
		float: right;
		color: #333;
	}
	.footer-r dl {
		float: left;
		width: 225px;
	}
	.footer-r dt {
		font-size: 16px;
		height: 30px;
	}
	.footer-r dd {
		font-size: 12px;
		height: 20px;
	}
	.footer-r dd:hover {
		color: #00a4ff;
		text-decoration: underline; /* 添加下划线 */
	}

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>学成网</title>
	<link rel="stylesheet" href="style.css">
	 <!-- ctrl+g  快速定位到某一行 -->

</head>
<body>

	<!-- 结构 -->
	<!-- 页面头部分 -->
	<header>
	    <nav>
	        <!-- logo部分 -->
	        <div class="logo">
	          <img src="images/logo.png" height="42px" alt="logo">
	        </div>
	        <!-- 导航栏部分 用li -->
	        <div class="navbar">
	            <ul>
	                <li><a href="#">首页</a></li>
	       	        <li><a href="#">课程</a></li>
	       	        <li><a href="#">职业规划</a></li>
	            </ul>
	        </div>
	        <!-- 个人中心部分 -->
	        <div class="personal">
	            <a href="#">个人中心<img src="images/ling_06.png" alt=""></a>
	            <a href="#"><img src="images/tou_03.png" alt="">James</a>
	        </div>

	         <!-- 搜索框部分 -->
	        <div class="search">
	            <form action="#">
	                <input type="text" placeholder="请输入关键词">
	                <input type="submit" value="">
	            </form>
	        </div>
	    </nav>
	</header>

	<!-- banner部分 -->
	<div class="banner ">
	  <div class="banner-in container">
	        <!--  左侧导航栏侧边栏 -->
	        <div class="slidebar">
	            <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>

	        <!--小课表部分-->
	        <dl class="timetable">
	        	<dt>我的课程表</dt>
	        	<dd>
	        	   <h4>继续学习 程序语言设计</h4>
	        	   <p>正在学习-使用对象</p>
	        	</dd>
	        	<dd>
	        	   <h4>继续学习 程序语言设计</h4>
	        	   <p>正在学习-使用对象</p>
	        	</dd>
	        	<dd>
	        	   <h4>继续学习 程序语言设计</h4>
	        	   <p>正在学习-使用对象</p>
	        	</dd>
	        	<dd>
	        	    <a href="http://www.baidu.com">全部课程</a>
	        	</dd>
	        </dl>

	        <!-- 小圆点 -->
	        <ul class="circle">
	        	<li class="current"></li>
	        	<li></li>
	        	<li></li>
	        	<li></li>
	        	<li></li>
	        	<li></li>
	        </ul>
	  </div>
	</div>

	<!-- 精品推荐 -->
	<div class="recommend container">
		<a href="#">精品推荐</a>
		<a href="#">C++</a>
		<a href="#">Android</a>
		<a href="#">MySql</a>
		<a href="#">JaveWeb</a>
		<a href="#">大数据</a>
		<a href="#">iOS</a>
		<a href="#">修改兴趣</a>
	</div>

	<!-- 精品推荐 大模块-->
	<div class="recom-products container">
	   <!-- 精品推荐头部 -->
	   <div class="recom-hd">  
	        <h4>精品推荐</h4>
	        <a href="#">查看全部</a>
	    </div>
	    <!--没有给高度 清除浮动-->
	    <div class="recom-bd  clearfix">
	        <ul>
	        	<li>
	        	    <img src="images/icon1.png" alt="">
	        	    <h5>Think PHP 5.0 博客系统实战项目演练</h5>
	        	    <p><span>高级</span>  •  1125人在学习</p>
	        	</li>
	        	<li>
	        	    <img src="images/icon1.png" alt="">
	        	    <h5>Think PHP 5.0 博客系统实战项目演练</h5>
	        	    <p><span>高级</span>  •  1125人在学习</p>
	        	</li>
	        	<li>
	        	    <img src="images/icon1.png" alt="">
	        	    <h5>Think PHP 5.0 博客系统实战项目演练</h5>
	        	    <p><span>高级</span>  •  1125人在学习</p>
	        	</li>
	        	<li>
	        	    <img src="images/icon1.png" alt="">
	        	    <h5>Think PHP 5.0 博客系统实战项目演练</h5>
	        	    <p><span>高级</span>  •  1125人在学习</p>
	        	</li>
	        	<li>
	        	    <img src="images/icon1.png" alt="">
	        	    <h5>Think PHP 5.0 博客系统实战项目演练</h5>
	        	    <p><span>高级</span>  •  1125人在学习</p>
	        	</li>
	        	<li>
	        	    <img src="images/icon1.png" alt="">
	        	    <h5>Think PHP 5.0 博客系统实战项目演练</h5>
	        	    <p><span>高级</span>  •  1125人在学习</p>
	        	</li>
	        	<li>
	        	    <img src="images/icon1.png" alt="">
	        	    <h5>Think PHP 5.0 博客系统实战项目演练</h5>
	        	    <p><span>高级</span>  •  1125人在学习</p>
	        	</li>
	        	<li>
	        	    <img src="images/icon1.png" alt="">
	        	    <h5>Think PHP 5.0 博客系统实战项目演练</h5>
	        	    <p><span>高级</span>  •  1125人在学习</p>
	        	</li>
	        	<li>
	        	    <img src="images/icon1.png" alt="">
	        	    <h5>Think PHP 5.0 博客系统实战项目演练</h5>
	        	    <p><span>高级</span>  •  1125人在学习</p>
	        	</li>
	        	<li>
	        	    <img src="images/icon1.png" alt="">
	        	    <h5>Think PHP 5.0 博客系统实战项目演练</h5>
	        	    <p><span>高级</span>  •  1125人在学习</p>
	        	</li>
	        </ul>
	    </div>
	</div>

	<!-- 页面底部分 -->
	<footer class="container footer-in">
	    <div class="footer-l">
	    <img src="images/logo.png" height="43" width="197" alt="">
	    <p>学成在线致力于普及中国最好的教育它与中国一流大学和机构合作提供在线课程。<br /> © 2017年XTCG Inc.保留所有权利。-沪ICP备15025210号</p>
	    <a href="">下载APP</a>
	    </div>
	    <div class="footer-r">
	        <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>
	        </dl>
	    </div>
	</footer>
</body>
</html>

在这里插入图片描述

素材：链接：https://pan.baidu.com/s/18iYww-s3Z8v9d31TCekB_w 提取码：obu2

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

黑马前端

CSS 学成网（二）的相关文章

[Vue warn]: Cannot find element: #app

解决方案 js在html页面头部引入的原因自定义js文件要最后引入因为要先有元素id vue才能获取相应的元素
HTML期末学生大作业-使用HTML+CSS技术仿传智博客网站

精彩专栏推荐文末获取联系作者简介一个热爱把逻辑思维转变为代码的技术博主作者主页主页获取更多优质源码 web前端期末大作业毕设项目精品实战案例 1000套程序员有趣的告白方式 HTML七夕情人节表白网页制作 110套超炫酷的
SQL注入种类

SQL注入攻击的种类知彼知己方可取胜首先要清楚SQL注入攻击有哪些种类工具原料云盾方法步骤 1 1 没有正确过滤转义字符在用户的输入没有为转义字符过滤时就会发生这种形式的注入式攻击它会被传递给一个SQL语句这样就会导
css3颜色渐变：css3如何实现背景颜色渐变？

为了开发网页的美观 css3背景颜色渐变是经常会用到的那么 css3背景颜色渐变如何设置呢本篇文章我们就来介绍关于css颜色渐变背景的设置方法我们要知道的是css3渐变有两种类型 css3线性渐变和css3径向渐变下面我们就来看一下
在JavaScript的ES5版本中Array数组的reduce方法详解

函数声明 reduce callback initialValue 参数说明 callback 回调函数格式为function prev next initialValue 初始值可选参数返回值最后一次执行callback 回调函数
CSS动画：Transition与Animation

本文总结CSS3中两个用来做动画的属性一个是transition 另一个是animation 差异比较 CSS3 差异 transition 在给定的持续时间内平滑地更改属性值从一个值到另一个值也就是只需要指定开始与结束的参数参数改
html登录页面

效果图 html代码 index html
微信小程序开发教程

一准备下载微信小程序开发者工具下载地址注册微信小程序前往注册微信小程序开发文档前往阅览打开开发者工具用微信扫码进入创建页面填写配置如下需要注意的是 AppId可以选择已经注册的账号Appid 也可以选择测试号区别是测
ES6语法知识点

目录 let const 常用暂时性死区 const 建议箭头函数常用建议 iterator迭代器解构赋值常用建议剩余扩展运算符常用扩展运算符剩余运算符在对象中使用扩展运算符建议对象属性方法简写常用对象属
VUE之Echarts图表x轴y轴提示文字过长处理为省略号

只需对显示文字格式修改即可 yAxis type category axisLine show false 轴线 axisTick show false 去除刻度 axisLabel formatter function params co
web前端笔记：html5的标签

在HTML4 01中 lt b gt lt i gt 是视觉要素 presentationl elements 分别表示无意义的加粗无意义的斜体表现样式为 font weight bolder 仅仅表示这里应该用粗体显示或者这里应

uniapp的那些坑

1 selectedColor不起作用 1 查看位置是否写对与lis同级 2 是否为16进制 selectedColor写的rgb不支持 3 是否被其他样式覆盖其他地方也设置过selectedColor 可以全局搜索一下 2 pages

Web启动项目走Https协议（Webpack版，Umi版和Host代理版）

需求 Web项目的启动一般是默认的http协议在某些业务需求时需要走https来调试 Webpack版本只需在webpack的devServer中配置就可以了 devServer host 0 0 0 0 port 8080 htt

浅析赋值、浅拷贝、深拷贝的区别

1 原理赋值将某一对象赋给某个变量的过程称为赋值浅拷贝浅拷贝是创建一个对象这个对象有着原始对象属性值的一份精准拷贝如果属性是基本类型拷贝的就是基本类型的值如果属性是引用类型拷贝的就是内存地址如果其中一个对象改变了这个地

网页是如何显示在浏览器

这两天学习了一些网页如何在浏览器中显示的知识感觉在我向前端走的路上非常有用所以就在这里总结一下大家可以看看我也算是巩固一下知识因为自己学识太浅内容可能有一些错误之处希望看到的朋友可以指出来啦在Edge浏览器也加入Chromi

windows下配置Mysql-5.7.9服务

第一步从官方网站下载 mysql 5 7 9 winx64 zip 第二步解压缩在根目录下复制my default ini 改名为my ini 第三步初始化mysql目录 bin mysqld initialize user mys

HTML、CSS、JavaScript分别实现什么功能？

学习Web前端开发基础技术需要掌握 HTML CSS JavaScript 那么这三个都是分别实现什么功能的呢下面和小编一起来看看吧一 HTML是网页内容的载体内容就是网页制作者放在页面上想要让用户浏览的信息可以包含文字图片视频

hover时效果从中间向两边扩散

header nav gt li position relative display inline block margin right 20px padding 0 5px font size 16px line height 76px

uni-app项目中使用scss语法

最近正在学习uni app开发我先把文档浅略翻了遍发现组件和接口几乎都是按照微信小程序走但是视图层上的语法又是按照vue的语法走的所以开发过程一定要注意这点然后我想在uni app项目中使用scss语法但是具体怎么安装呢历经曲

＜a＞标签的超链接前面会自动加上当前（网站）地址

当前网站地址是 fyh com 在代码里写 a 标签时会自动在链接前添加 fyh com 例如写如下代码 a href www baidu com baidu a 在浏览器中点击链接会跳转至 fyh com www baidu com

随机推荐

在线json解析工具在线js解析加密混合工具

https www sojson com json解析工具 js工具 https www jsjiami com tool

风车IM即时通讯聊天系统源码_聊天APP_附APP_带安装教程

风车IM即时通讯聊天系统源码聊天APP 附APP 带安装教程风车im 是一款独立服务器部署的即时通讯解决方案可以帮助你快速拥有一套自己的移动社交企业办公多功能业务产品独立部署加密通道牢牢掌握通讯信息前端开发语言 VUE 安

kafka集群部署(最新版本kafka_2.13-3.1.0)

集群环境节点名 ip地址 OS版本部署服务 broker信息 kafka01 192 168 96 10 CentOS Linux release 7 9 2009 Core jdk zookeeper kafka broker 0 k

Python字典及基本操作（超级详细）

字典也是 Python 提供的一种常用的数据结构它用于存放具有映射关系的数据比如有份成绩表数据语文 79 数学 80 英语 92 这组数据看上去像两个列表但这两个列表的元素之间有一定的关联关系如果单纯使用两个列表来保存这组数据则

一文教你懂得什么什么是EMC(电磁兼容)

EMC 电磁兼容是什么 EMC 电磁兼容一直是电路设计和PCB设计中的难题 EMS是指设备在电磁环境中可以正常工作并且不对其它的设备造成干扰 EMS可以分为两部分一个是EMI 电磁干扰一个是EMS 电磁敏感度 EMI是设备本身对于其

qt for android存储文本文件到本地

本博主要分享如何用qt for android 非qml形势存储文本文件到本地本来以为很麻烦后来发现和qt在window上使用是一样的只是用手机存储excel应该要麻烦一些或者不行但是我是用的是t xt文件所以很容易就实现了这个功

关于CATALINA_HOME 和 CATALINA_BASE 的区别

官方文档以下内容从官方复制出来的目录和文件这些是一些重要的tomcat目录 bin 启动关闭和其他脚本 conf 配置文件和相关DTD 这里最重要的文件是server xml 它是容器的主要配置文件 logs 日志文件默认目录 we

论文图片格式要求具体有哪些？

经过多年发展无论是论文发表还是各个院校科研机构都已经形成了自身的科研系统对论文格式都有了一些约定俗成的规矩这也是我们在撰写论文时必须遵守的尤其是刚接触论文写作的同学经常只顾着研究论文的内容对论文的格式问题根本没有重视导致虽然

Android中切换到主线程执行的方法

方法一 view post Runnable runnable 使用view对象调用post方法即可在主线程中执行里边的代码 postDelayed是延时执行也可以达到相同的效果例如 textView post new Runnabl

chatgpt赋能Python-python_aorb

Python a vs b 选择正确的Python版本 Python是一种流行的编程语言广泛应用于数据分析机器学习 Web开发和自动化等领域在Python的发展历程中出现了不同版本其中最流行的是Python 2和Python 3

MySQL中int(M)和tinyint(M)数值类型中M值的意义

MySQL中int M 和tinyint M 数值类型中M值的意义 mysql的基本数据类型里几个int如下类型大小范围有符号范围无符号用途 TINYINT 1字节 128 127 0 255 小整数值 SMALLINT 2

rabbitMQ的生产与消费由Kettle实现

文章目录一 Kettle为什么可以读取流数据二 rabbitMQ中启动MQTT插件并创建队列和路由键三 Kettle实现rabbitMQ的生产与消费 Kettle是一款非常强大的ETL工具不仅可以使用图形化界面还可以处理各种数据

解决网页无法复制粘贴（生活小妙招）

事情缘由今天在写学习通的作业的时候发现答案不能复制粘贴这种有答案而无法复制粘贴的痛谁又能懂呢每当我们复制题目和粘贴答案的时候就会跳出一个窗口但是这种问题是难不倒一个学计算机的学生的我们知道像这种复制粘贴的拦截都是通过JS脚

Seaborn 可视化

Seaborn 可视化 1 简介 Seaborn是一个在Python中制作有吸引力和信息丰富的统计图形的库它建立在matplotlib之上并与PyData堆栈紧密集成包括支持来自scipy和statsmodels的numpy和pand

如何用计算机计算概率,概率计算器与阶乘方程

我必须做一个代码计算中奖彩票的概率给定的数量可供选择的数量以及您必须选择多少我必须在代码中使用阶乘方程 n k n k 代码本身工作正常但公式不会编译概率计算器与阶乘方程 This program calculates the p

在局域网部署自己的Docker私有仓库

本文参考自局域网部署Docker 从无到有创建自己的Docker私有仓库内网用户由于无法链接互联网所以无法像在线用户那样直接使用pull指令从Docker Hub上下载镜像再查看了很多资料之后发现可以使用文件操作在局域网上部署Doc

手动搭建webase（3）——WeBASE管理平台

1 依赖环境 Nginx安装拉取代码代码可以放在 data下面执行命令 git clone https github com WeBankFinTech WeBASE Web git 若网络问题导致长时间无法下载可尝试以下命令 gi

从零开始搭建物联网平台（1）：开篇

前言读大学的时候学的是物联网工程大概是在大二的时候开始接触单片机那时候特喜欢捣鼓那些东西就觉得特别酷有极客范还记得第一次做物联网相关的是一个远程控制的开关第一次调通的时候真的很兴奋啥也没干就挂在那用手机控制继电器听咔嗒咔哒的声

在不同的维度中，态势感知存在着各自的规律和特点

在不同的维度中态势感知可以具有不同的规律和特点以下是一些常见的维度和相关规律时间维度态势感知随时间的变化可以呈现出趋势和周期性趋势是指态势感知在长期内的整体发展方向可以是增长下降或保持稳定周期性是指态势感知在一定时间内重复出

CSS 学成网（二）

学成网小圆点小圆点模块 circle width 180px height 22px background color pink position absolute bottom 10px left 50 margin left 90px

热门标签

dbpedia

nodepdfkit

scatter3d

c03

vibration

nant

fedex

abbr

curlmulti

googlegdk

isabelle

pants

python32

dbref

selenium3

kableextra

kable

jsonmodel

nodeasync

CSS 学成网（二）

学成网小圆点

学成网首页

CSS 学成网（二） 的相关文章

随机推荐

热门标签

CSS 学成网（二）的相关文章