随着互联网的快速发展，网页的设计越来越受到重视。而CSS作为网页设计的重要部分之一，其制作网页基本框架的原理和实现方法也就备受关注了。本文将通过具体代码示例讲解CSS制作网页基本框架的原理与实现方法。
一、HTML和CSS基本语法
在了解CSS制作网页基本框架之前，我们需要先了解HTML和CSS的基本语法，这有助于更好地理解CSS的运用。
- HTML基本语法
HTML是网页的基础语言，它用于定义网页的内容和结构。一个基本的HTML结构如下所示：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>网页标题</title>
</head>
<body>
网页内容
</body>
</html>
其中，</code>标签用于定义网页的标题，<code><body></code>标签用于定义网页的主体内容。</p><ol start="2"><li>CSS基本语法</li></ol><p>CSS是网页布局和样式的语言，它用于控制网页中各种HTML元素的显示效果。一个基本的CSS结构如下所示：</p><pre><code>选择器 {
属性1: 值1;
属性2: 值2;
属性3: 值3;
}</code></pre><p>其中，选择器用于选择需要样式化的HTML元素，花括号内的是具体的样式设置，包括属性和值。</p><p>二、CSS制作网页基本框架原理</p><p>CSS制作网页基本框架的原理很简单，就是通过设置HTML元素的位置、大小、背景、边框、间距等样式属性，以达到布局的目的。下面将详细介绍CSS制作网页基本框架的实现方法。</p><ol><li>设置网页的基本样式</li></ol><p>在开始制作网页基本框架之前，我们需要先设置网页的基本样式，例如设置网页的背景颜色、字体、字号等。</p><pre><code>body {
background-color: #f5f5f5; /* 设置网页的背景颜色 */
font-family: Arial, sans-serif; /* 设置字体 */
font-size: 16px; /* 设置字号 */
}</code></pre><ol start="2"><li>定义网页的布局</li></ol><p>网页的布局是指网页中各个HTML元素的位置和大小。在实现网页布局之前，我们需要定义网页的包含块和文档流。</p><ul><li>包含块</li></ul><p>包含块是指HTML元素所在的区域，其大小和位置决定了HTML元素的定位方式。可以通过设置<code>width</code>、<code>height</code>、<code>padding</code>、<code>border</code>、<code>margin</code>等属性来定义包含块的大小和位置。</p><ul><li>文档流</li></ul><p>文档流是指HTML元素在网页中的流动方向，分为块级元素和行内元素。块级元素独占一行，占据其父元素的全部宽度；行内元素在同一行内排列，宽度由内容决定。可以通过设置<code>display</code>属性来控制元素的布局方式。</p><pre><code>/* 定义网页的包含块 */
.container {
width: 960px; /* 宽度为960px */
margin: 0 auto; /* 居中 */
padding: 20px 0; /* 上下各留20像素的padding */
}
/* 定义网页的布局方式 */
.header {
display: block; /* 块级元素 */
height: 100px; /* 高度为100px */
background-color: #333333; /* 背景为黑色 */
color: #ffffff; /* 文字为白色 */
}
.nav {
display: block; /* 块级元素 */
height: 40px; /* 高度为40px */
background-color: #f5f5f5; /* 背景为灰色 */
}
.content {
display: block; /* 块级元素 */
margin: 20px 0; /* 上下各留20像素的margin */
}
.footer {
display: block; /* 块级元素 */
height: 80px; /* 高度为80px */
background-color: #333333; /* 背景为黑色 */
color: #ffffff; /* 文字为白色 */
}</code></pre><ol start="3"><li>定义HTML元素的样式</li></ol><p>在定义网页的布局之后，我们需要定义各个HTML元素的样式。</p><ul><li>设置文字样式</li></ul><p>可以通过设置<code>font-size</code>、<code>color</code>、<code>font-weight</code>、<code>line-height</code>等属性来控制文字的大小、颜色、粗细、行高等。</p><pre><code>h1 {
font-size: 32px; /* 设置标题字号为32px */
color: #333333; /* 设置标题颜色为黑色 */
font-weight: bold; /* 设置标题字体为粗体 */
line-height: 1.5; /* 设置字行距为1.5倍 */
}
p {
font-size: 16px; /* 设置正文字号为16px */
color: #666666; /* 设置正文颜色为灰色 */
line-height: 1.5; /* 设置字行距为1.5倍 */
}</code></pre><ul><li>设置边框和背景样式</li></ul><p>可以通过设置<code>border</code>、<code>background-color</code>、<code>background-image</code>等属性来控制HTML元素的边框和背景。</p><pre><code>.nav li {
display: inline-block; /* 行内块元素 */
border: none; /* 取消边框 */
padding: 0 15px; /* 左右各留15像素的padding */
line-height: 40px; /* 文字与底部对齐 */
background-color: #f5f5f5; /* 背景颜色为灰色 */
}
.button {
display: inline-block; /* 行内块元素 */
border: 1px solid #cccccc; /* 设置边框 */
padding: 5px 10px; /* 上下各留5像素，左右各留10像素的padding */
background-color: #ffffff; /* 背景颜色为白色 */
color: #333333; /* 文字颜色为黑色 */
}</code></pre><p>三、CSS制作网页基本框架实现方法</p><p>了解了CSS制作网页基本框架的原理之后，我们可以通过具体的代码实现来加深理解。</p><pre><code><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS制作网页基本框架</title>
<style>
body {
background-color: #f5f5f5;
font-family: Arial, sans-serif;
font-size: 16px;
}
.container {
width: 960px;
margin: 0 auto;
padding: 20px 0;
}
.header {
display: block;
height: 100px;
background-color: #333333;
color: #ffffff;
}
.nav {
display: block;
height: 40px;
background-color: #f5f5f5;
}
.nav li {
display: inline-block;
border: none;
padding: 0 15px;
line-height: 40px;
background-color: #f5f5f5;
}
.content {
display: block;
margin: 20px 0;
}
h1 {
font-size: 32px;
color: #333333;
font-weight: bold;
line-height: 1.5;
}
p {
font-size: 16px;
color: #666666;
line-height: 1.5;
}
.button {
display: inline-block;
border: 1px solid #cccccc;
padding: 5px 10px;
background-color: #ffffff;
color: #333333;
}
.footer {
display: block;
height: 80px;
background-color: #333333;
color: #ffffff;
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>网页标题</h1>
</div>
<div class="nav">
<ul>
<li>导航1</li>
<li>导航2</li>
<li>导航3</li>
<li>导航4</li>
</ul>
</div>
<div class="content">
<h2>文章标题</h2>
<p>文章内容</p>
<p>文章内容</p>
<p><a href="#" class="button">按钮</a></p>
</div>
<div class="footer">
<p>版权信息</p>
</div>
</div>
</body>
</html></code></pre><p>以上代码实现了一个基本的网页布局，包括网页的标题、导航、内容和页脚等部分。通过设置相应的CSS属性，实现了各个部分的位置、大小、背景和样式等效果。</p>
<p>四、总结</p>
<p>本文介绍了CSS制作网页基本框架的原理和实现方法，通过具体代码示例讲解了CSS对HTML元素的样式设置以及网页布局的实现方式。了解并掌握这些知识，可以让我们更好地在网页设计和开发中发挥创意和实现效果。</p>
<div class="ads"><script>neiwendi();</script></div>
</article>
<div class="pagination pagination-multi">
<ul>
</ul>
</div>
<footer class="entry-meta">
<div class="post-like"><a href="JavaScript:makeRequest('/e/public/digg/?classid=4&id=32742&dotop=1&doajax=1&ajaxarea=diggnum','EchoReturnedText','GET','');" class="favorite">赞一下<i class="fa fa-thumbs-o-up"></i> <span class="count mlr" id="diggnum"><script src=/e/public/ViewClick/?classid=4&id=32742&down=5></script></span></a></div>
<div class="bdshare"><div class="post-share bdsharebuttonbox bdshare-button-style1-16">
<div class="post-like1"><a href="/e/tool/feedback/?bid=2" class="favorite">我要投诉<i class="fa-telegram"></i></a></div>
</div></div></footer>
<div class="authorbio"><img alt='卓越飞翔博客' src='/skin/ecms193/images/avatar.jpg' srcset='/skin/ecms193/images/avatar.jpg' class='avatar avatar-40 photo' height='40' width='40' />
<ul class="spostinfo">
<li><strong>版权声明：</strong>本站原创文章，于2024-01-16，由<a href="/">卓越飞翔博客</a>发表，共 6342个字。下载<script src=/e/public/ViewClick/?classid=4&id=32742&down=1></script>次</li>
<li><strong>转载请注明：</strong><a href="/jishujingyan/32742.html" rel="bookmark" title="本文固定链接 /jishujingyan/32742.html">学习CSS的基本框架构建原理与实现方法 - 卓越飞翔博客</a><a href="#" onclick="copy_code('/jishujingyan/32742.html'); return false;"> +复制链接</a></li>
</ul>
</div>
<div class="post-navigation">
<div class="post-previous"><span>上一篇:</span> <a href='/jishujingyan/32741.html'>逐步指南：在Yii框架中应用CSS样式</a></div>
<div class="post-next"><span>下一篇:</span> <a href='/jishujingyan/'>返回列表</a></div>
</div>
<div class="ads"><script>tonglan1();</script></div>
</div>
<div class="relates">
<div class="title">
<h3>相关推荐</h3><p class="post-tag">标签：<a href="/e/tags/?tagname=CSS" target="_blank">CSS</a> <a href="/e/tags/?tagname=%E7%BD%91%E9%A1%B5" target="_blank">网页</a> <a href="/e/tags/?tagname=%E5%9F%BA%E6%9C%AC%E6%A1%86%E6%9E%B6" target="_blank">基本框架</a></p>
</div>
<div id="related-img">
<div class="r4">
<div class="related-site">
<figure class="related-site-img"> <a href="/jishujingyan/32741.html"><img src="/e/data/tmp/titlepic/e743944e09f661662cb4abbbc969be54.png" alt="逐步指南：在Yii框架中应用CSS样式"></a></figure>
<div class="related-title"><a href="/jishujingyan/32741.html">逐步指南：在Yii框架中应用CSS样式</a></div>
</div>
</div><div class="r4">
<div class="related-site">
<figure class="related-site-img"> <a href="/jishujingyan/32740.html"><img src="/e/data/tmp/titlepic/3f626b067da33c764b7fa4549362617e.png" alt="为选择困难症患者解忧：推荐几个优秀的CSS框架"></a></figure>
<div class="related-title"><a href="/jishujingyan/32740.html">为选择困难症患者解忧：推荐几个优秀</a></div>
</div>
</div><div class="r4">
<div class="related-site">
<figure class="related-site-img"> <a href="/jishujingyan/32729.html"><img src="/e/data/tmp/titlepic/32e3001fab22435ccf8e8c23ab35061c.png" alt="简易指南：创建出色的CSS框架，提升网页设计的专业度和美观度"></a></figure>
<div class="related-title"><a href="/jishujingyan/32729.html">简易指南：创建出色的CSS框架，提升网</a></div>
</div>
</div><div class="r4">
<div class="related-site">
<figure class="related-site-img"> <a href="/jishujingyan/32728.html"><img src="/e/data/tmp/titlepic/9fbcb87d529ea9e74ac8692814bdf381.png" alt="五款必备的CSS框架，前端开发人员不容错过！"></a></figure>
<div class="related-title"><a href="/jishujingyan/32728.html">五款必备的CSS框架，前端开发人员不</a></div>
</div>
</div> <div class="clear"></div>
</div>
</div>
<div id="comments">
<link href="/skin/ecmspl/css/pl.css" rel="stylesheet">
<div class="showpage" id="plpost">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="line-height: 25px; padding: 5px 3px 1px 8px; font-size: 18px;">
<tr><td><strong><font color="#333333">留言与评论（共有 <span id="infocommentnumarea">0</span> 条评论）</font></strong></td></tr>
</table>
<script>
function CheckPl(obj)
{
if(obj.saytext.value=="")
{
alert("您没什么话要说吗？");
obj.saytext.focus();
return false;
}
return true;
}
</script>
<form action="/e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="plpost">
<tr>
<td>
<table width="100%" border="0" cellspacing="10" cellpadding="0">
<tr>
<td>
<script src="/e/pl/loginjspl.php"></script>
<textarea name="saytext" rows="6" id="saytext" placeholder="请遵守互联网相关规定，不要发布广告和违法内容!"></textarea>
<script src="/d/js/js/plface.js"></script>
<table width='100%' align='left' cellpadding=3 cellspacing=1 bgcolor='#FFF'>
<tr>
<td width="80%" height="40" bgcolor="#FFFFFF">验证码：<input name="key" type="text" class="inputText" size="16" />
<img src="/e/ShowKey/?v=pl" align="absmiddle" name="plKeyImg" id="plKeyImg" onclick="plKeyImg.src='/e/ShowKey/?v=pl&t='+Math.random()" title="看不清楚,点击刷新" />
</td>
<td width="20%" height="40" bgcolor="#FFFFFF">
<input name="sumbit" type="submit" value="提交评论" tabindex="6" style="border-radius: 5px;font-size: 16px;background: #e94c3d none repeat scroll 0% 0%;border: 0px none;margin: 0px 16px;padding: 1px 16px;height: 33px;line-height: 30px;color: rgb(255, 255, 255);opacity: 0.95;">
<input name="id" type="hidden" id="id" value="32742" />
<input name="classid" type="hidden" id="classid" value="4" />
<input name="enews" type="hidden" id="enews" value="AddPl" />
<input name="repid" type="hidden" id="repid" value="0" />
<input type="hidden" name="ecmsfrom" value="/e/action/ShowInfo?classid=4&id=32742" />
<!--<input type="hidden" name="ecmsfrom" value="/jishujingyan/32742.html">-->
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table></form>
<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF">
<tr>
<td bgcolor="#FFFFFF" id="infocommentarea"></td>
</tr>
</table>
<table width="98%" border="0" align="center" cellpadding="3" cellspacing="1" style="word-break:break-all; word-wrap:break-all;line-height: 32px; padding: 9px 9px 1px; margin-top: 22px; border-radius: 5px; border: 1px dotted rgb(221, 221, 221); font-size: 14px;border-collapse:separate;word-wrap:break-word;">
</table>
<table width="100%" border="0" cellspacing="1" cellpadding="3"><tr> <td background="/skin/ecmspl/img/plhrbg.gif"></td> </tr></table></div>
</div>
</div>
</div>
<aside class="sidebar" id="sidebar">
<div class="widget widget-tie social" id="a">
<p class="title"><span>会员中心</span></p>
<script src="/e/member/login/loginjs.php"></script>
</div>
<div class="widget widget-tie social" id="aone">
<p class="title"><span>关注本站</span></p>
<ul>
<a href="http://wpa.qq.com/msgrd?v=3&uin=582325395&site=qq&menu=yes" target="_blank" class="social_a social_qq" rel="nofollow" title="联系站长"><i class="fa fa-qq"></i></a>
<a class="social_a social_weixin" href="#" title="加我微信"><i class="fa fa-wechat"></i> <span class="weixin"><img src="http://ecms165.99yuanma.net:8889/skin/ecms165/images/weixin.png" alt="扫描微信"></span> </a>
<a href="582325395@qq.com" target="_blank" class="social_a social_email" rel="nofollow" title="给我写信"><i class="fa fa-envelope-o"></i></a>
</ul>
</div>
<div class="widget widget-tie" id="a">
<div><script>pcy1();</script></div>
</div>
<div class="widget widget-tie divPrevious" id="atwo">
<h3>最新文章</h3>
<ul>
<li>
<div class="previous-one-img"><a target="_blank" rel="nofollow" href="/jishujingyan/32742.html" title="学习CSS的基本框架构建原理与实现方法"><img src="/e/data/tmp/titlepic/523c8aa9c45f03c4f02629ea1b12de96.png" class="" title="学习CSS的基本框架构建原理与实现方法" alt="学习CSS的基本框架构建原理与实现方法" /></a></div>
<div class="previous-recent-title">
<h4 class="title"><a target="_blank" href="/jishujingyan/32742.html" title="学习CSS的基本框架构建原理与实现方法">学习CSS的基本框架构建原理与实现方法</a></h4>
<span class="info"><i class="fa fa-calendar"></i> 2024-01-16</span></div>
</li>
<li>
<div class="previous-one-img"><a target="_blank" rel="nofollow" href="/jishujingyan/32741.html" title="逐步指南：在Yii框架中应用CSS样式"><img src="/e/data/tmp/titlepic/ce2033e9a95a6b56309d72aabf4670d7.png" class="" title="逐步指南：在Yii框架中应用CSS样式" alt="逐步指南：在Yii框架中应用CSS样式" /></a></div>
<div class="previous-recent-title">
<h4 class="title"><a target="_blank" href="/jishujingyan/32741.html" title="逐步指南：在Yii框架中应用CSS样式">逐步指南：在Yii框架中应用CSS样式</a></h4>
<span class="info"><i class="fa fa-calendar"></i> 2024-01-16</span></div>
</li>
<li>
<div class="previous-one-img"><a target="_blank" rel="nofollow" href="/jishujingyan/32740.html" title="为选择困难症患者解忧：推荐几个优秀的CSS框架"><img src="/e/data/tmp/titlepic/4459f783d8417263bb7108f86dcf7c32.png" class="" title="为选择困难症患者解忧：推荐几个优秀的CSS框架" alt="为选择困难症患者解忧：推荐几个优秀的CSS框架" /></a></div>
<div class="previous-recent-title">
<h4 class="title"><a target="_blank" href="/jishujingyan/32740.html" title="为选择困难症患者解忧：推荐几个优秀的CSS框架">为选择困难症患者解忧：推荐几个优秀的CSS框架</a></h4>
<span class="info"><i class="fa fa-calendar"></i> 2024-01-16</span></div>
</li>
<li>
<div class="previous-one-img"><a target="_blank" rel="nofollow" href="/jishujingyan/32739.html" title="学习使用pipenv：创建和管理虚拟环境"><img src="/e/data/tmp/titlepic/02f5fb1c036997b4b6411d67cd83b18d.png" class="" title="学习使用pipenv：创建和管理虚拟环境" alt="学习使用pipenv：创建和管理虚拟环境" /></a></div>
<div class="previous-recent-title">
<h4 class="title"><a target="_blank" href="/jishujingyan/32739.html" title="学习使用pipenv：创建和管理虚拟环境">学习使用pipenv：创建和管理虚拟环境</a></h4>
<span class="info"><i class="fa fa-calendar"></i> 2024-01-16</span></div>
</li>
<li>
<div class="previous-one-img"><a target="_blank" rel="nofollow" href="/jishujingyan/32738.html" title="无需担心pip安装问题，轻松解决让你安心使用"><img src="/e/data/tmp/titlepic/ed116dc9a04d1db676db25b0eb6973e5.png" class="" title="无需担心pip安装问题，轻松解决让你安心使用" alt="无需担心pip安装问题，轻松解决让你安心使用" /></a></div>
<div class="previous-recent-title">
<h4 class="title"><a target="_blank" href="/jishujingyan/32738.html" title="无需担心pip安装问题，轻松解决让你安心使用">无需担心pip安装问题，轻松解决让你安心使用</a></h4>
<span class="info"><i class="fa fa-calendar"></i> 2024-01-16</span></div>
</li>
</ul>
</div>
<div class="widget widget-tie" id="a">
<div><script>pcy2();</script></div>
</div>
<div class="widget widget-tie divPrevious" id="a">
<h3>热门文章</h3>
<ul>
<li>
<div class="previous-one-img"><a target="_blank" rel="nofollow" href="/jishujingyan/2023-03-04/433.html" title="申请新必应Newbing超详细教程！怎么打开聊天界面"><img src="/e/data/tmp/titlepic/a50988991ca7c78045d3f52c97a3c0ee.jpg" class="" title="申请新必应Newbing超详细教程！怎么打开聊天界面" alt="申请新必应Newbing超详细教程！怎么打开聊天界面" /></a></div>
<div class="previous-recent-title">
<h4 class="title"><a target="_blank" href="/jishujingyan/2023-03-04/433.html" title="申请新必应Newbing超详细教程！怎么打开聊天界面">申请新必应Newbing超详细教程！怎么打开聊天界面</a></h4>
<span class="info"><i class="fa fa-calendar"></i> 2023-03-04</span></div>
</li>
<li>
<div class="previous-one-img"><a target="_blank" rel="nofollow" href="/jishujingyan/17720.html" title="Permission denied怎么解决"><img src="/e/data/tmp/titlepic/4fe51d8b7c45d862ab37cd920fca9ab0.jpg" class="" title="Permission denied怎么解决" alt="Permission denied怎么解决" /></a></div>
<div class="previous-recent-title">
<h4 class="title"><a target="_blank" href="/jishujingyan/17720.html" title="Permission denied怎么解决">Permission denied怎么解决</a></h4>
<span class="info"><i class="fa fa-calendar"></i> 2023-08-31</span></div>
</li>
<li>
<div class="previous-one-img"><a target="_blank" rel="nofollow" href="/jishujingyan/2022-11-15/304.html" title="如何在Linux系统中隐藏/查看文件和目录"><img src="/e/data/tmp/titlepic/1268e6d1db08c208aadf95df88e1571c.png" class="" title="如何在Linux系统中隐藏/查看文件和目录" alt="如何在Linux系统中隐藏/查看文件和目录" /></a></div>
<div class="previous-recent-title">
<h4 class="title"><a target="_blank" href="/jishujingyan/2022-11-15/304.html" title="如何在Linux系统中隐藏/查看文件和目录">如何在Linux系统中隐藏/查看文件和目录</a></h4>
<span class="info"><i class="fa fa-calendar"></i> 2022-11-15</span></div>
</li>
<li>
<div class="previous-one-img"><a target="_blank" rel="nofollow" href="/jishujingyan/17610.html" title="c语言如何输出double类型"><img src="/e/data/tmp/titlepic/4de2fe553f16a0546b8138066e662dd8.jpg" class="" title="c语言如何输出double类型" alt="c语言如何输出double类型" /></a></div>
<div class="previous-recent-title">
<h4 class="title"><a target="_blank" href="/jishujingyan/17610.html" title="c语言如何输出double类型">c语言如何输出double类型</a></h4>
<span class="info"><i class="fa fa-calendar"></i> 2023-08-30</span></div>
</li>
<li>
<div class="previous-one-img"><a target="_blank" rel="nofollow" href="/jishujingyan/2022-11-23/329.html" title="腾讯视频怎么获取vip cookie"><img src="/e/data/tmp/titlepic/d32d3c367070e5361a597736bec8665d.jpg" class="" title="腾讯视频怎么获取vip cookie" alt="腾讯视频怎么获取vip cookie" /></a></div>
<div class="previous-recent-title">
<h4 class="title"><a target="_blank" href="/jishujingyan/2022-11-23/329.html" title="腾讯视频怎么获取vip cookie">腾讯视频怎么获取vip cookie</a></h4>
<span class="info"><i class="fa fa-calendar"></i> 2022-11-23</span></div>
</li>
</ul>
</div>
<div class="widget widget-tie" id="a">
<div><script>pcy3();</script></div>
</div>
<div class="widget widget-tie divTags" id="a">
<h3>热门标签</h3>
<ul>
<a href="/e/tags/?tagname=php" target="_blank" title="7072个话题" class="tag-link-7072" style="font-size: 12px;">php<span class="tag-count"> (7072) </span></a> <a href="/e/tags/?tagname=Python" target="_blank" title="1836个话题" class="tag-link-1836" style="font-size: 12px;">Python<span class="tag-count"> (1836) </span></a> <a href="/e/tags/?tagname=Go%E8%AF%AD%E8%A8%80" target="_blank" title="1486个话题" class="tag-link-1486" style="font-size: 12px;">Go语言<span class="tag-count"> (1486) </span></a> <a href="/e/tags/?tagname=Golang" target="_blank" title="1104个话题" class="tag-link-1104" style="font-size: 12px;">Golang<span class="tag-count"> (1104) </span></a> <a href="/e/tags/?tagname=PHP%E5%BC%80%E5%8F%91" target="_blank" title="630个话题" class="tag-link-630" style="font-size: 12px;">PHP开发<span class="tag-count"> (630) </span></a> <a href="/e/tags/?tagname=%E5%87%BD%E6%95%B0" target="_blank" title="628个话题" class="tag-link-628" style="font-size: 12px;">函数<span class="tag-count"> (628) </span></a> <a href="/e/tags/?tagname=C%2B%2B" target="_blank" title="506个话题" class="tag-link-506" style="font-size: 12px;">C++<span class="tag-count"> (506) </span></a> <a href="/e/tags/?tagname=%E7%A4%BA%E4%BE%8B" target="_blank" title="403个话题" class="tag-link-403" style="font-size: 12px;">示例<span class="tag-count"> (403) </span></a> <a href="/e/tags/?tagname=%E6%95%B0%E7%BB%84" target="_blank" title="381个话题" class="tag-link-381" style="font-size: 12px;">数组<span class="tag-count"> (381) </span></a> <a href="/e/tags/?tagname=vue" target="_blank" title="365个话题" class="tag-link-365" style="font-size: 12px;">vue<span class="tag-count"> (365) </span></a> <a href="/e/tags/?tagname=css" target="_blank" title="348个话题" class="tag-link-348" style="font-size: 12px;">css<span class="tag-count"> (348) </span></a> <a href="/e/tags/?tagname=mysql" target="_blank" title="348个话题" class="tag-link-348" style="font-size: 12px;">mysql<span class="tag-count"> (348) </span></a> <a href="/e/tags/?tagname=%E4%BC%98%E5%8C%96" target="_blank" title="330个话题" class="tag-link-330" style="font-size: 12px;">优化<span class="tag-count"> (330) </span></a> <a href="/e/tags/?tagname=%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F" target="_blank" title="290个话题" class="tag-link-290" style="font-size: 12px;">微信小程序<span class="tag-count"> (290) </span></a> <a href="/e/tags/?tagname=%E5%BC%80%E5%8F%91" target="_blank" title="290个话题" class="tag-link-290" style="font-size: 12px;">开发<span class="tag-count"> (290) </span></a> <a href="/e/tags/?tagname=JavaScript" target="_blank" title="287个话题" class="tag-link-287" style="font-size: 12px;">JavaScript<span class="tag-count"> (287) </span></a> <a href="/e/tags/?tagname=%E5%AE%9E%E7%8E%B0" target="_blank" title="278个话题" class="tag-link-278" style="font-size: 12px;">实现<span class="tag-count"> (278) </span></a> <a href="/e/tags/?tagname=PHP%E5%87%BD%E6%95%B0" target="_blank" title="274个话题" class="tag-link-274" style="font-size: 12px;">PHP函数<span class="tag-count"> (274) </span></a> <a href="/e/tags/?tagname=%E6%96%B9%E6%B3%95" target="_blank" title="264个话题" class="tag-link-264" style="font-size: 12px;">方法<span class="tag-count"> (264) </span></a> <a href="/e/tags/?tagname=%E5%AD%97%E7%AC%A6%E4%B8%B2" target="_blank" title="242个话题" class="tag-link-242" style="font-size: 12px;">字符串<span class="tag-count"> (242) </span></a> <a href="/e/tags/?tagname=%E5%85%B3%E9%94%AE%E8%AF%8D%EF%BC%9A" target="_blank" title="239个话题" class="tag-link-239" style="font-size: 12px;">关键词：<span class="tag-count"> (239) </span></a> <a href="/e/tags/?tagname=redis" target="_blank" title="235个话题" class="tag-link-235" style="font-size: 12px;">redis<span class="tag-count"> (235) </span></a> <a href="/e/tags/?tagname=%E4%BB%A3%E7%A0%81" target="_blank" title="228个话题" class="tag-link-228" style="font-size: 12px;">代码<span class="tag-count"> (228) </span></a> <a href="/e/tags/?tagname=HTML" target="_blank" title="226个话题" class="tag-link-226" style="font-size: 12px;">HTML<span class="tag-count"> (226) </span></a> <a href="/e/tags/?tagname=PHP%E7%BC%96%E7%A8%8B" target="_blank" title="219个话题" class="tag-link-219" style="font-size: 12px;">PHP编程<span class="tag-count"> (219) </span></a> <a href="/e/tags/?tagname=%E6%8A%A5%E9%94%99" target="_blank" title="217个话题" class="tag-link-217" style="font-size: 12px;">报错<span class="tag-count"> (217) </span></a> <a href="/e/tags/?tagname=websocket" target="_blank" title="215个话题" class="tag-link-215" style="font-size: 12px;">websocket<span class="tag-count"> (215) </span></a> <a href="/e/tags/?tagname=C%E8%AF%AD%E8%A8%80" target="_blank" title="206个话题" class="tag-link-206" style="font-size: 12px;">C语言<span class="tag-count"> (206) </span></a> <a href="/e/tags/?tagname=%E5%85%B3%E9%94%AE%E8%AF%8D%EF%BC%9APHP" target="_blank" title="205个话题" class="tag-link-205" style="font-size: 12px;">关键词：PHP<span class="tag-count"> (205) </span></a> <a href="/e/tags/?tagname=%E9%94%99%E8%AF%AF%E5%A4%84%E7%90%86" target="_blank" title="196个话题" class="tag-link-196" style="font-size: 12px;">错误处理<span class="tag-count"> (196) </span></a> <a href="/e/tags/?tagname=laravel" target="_blank" title="185个话题" class="tag-link-185" style="font-size: 12px;">laravel<span class="tag-count"> (185) </span></a> <a href="/e/tags/?tagname=%E5%85%83%E7%B4%A0" target="_blank" title="182个话题" class="tag-link-182" style="font-size: 12px;">元素<span class="tag-count"> (182) </span></a> <a href="/e/tags/?tagname=%E8%A7%A3%E5%86%B3%E6%96%B9%E6%B3%95" target="_blank" title="174个话题" class="tag-link-174" style="font-size: 12px;">解决方法<span class="tag-count"> (174) </span></a> <a href="/e/tags/?tagname=UniApp" target="_blank" title="172个话题" class="tag-link-172" style="font-size: 12px;">UniApp<span class="tag-count"> (172) </span></a> <a href="/e/tags/?tagname=%E4%BD%BF%E7%94%A8" target="_blank" title="169个话题" class="tag-link-169" style="font-size: 12px;">使用<span class="tag-count"> (169) </span></a> <a href="/e/tags/?tagname=%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96" target="_blank" title="163个话题" class="tag-link-163" style="font-size: 12px;">性能优化<span class="tag-count"> (163) </span></a> <a href="/e/tags/?tagname=go" target="_blank" title="161个话题" class="tag-link-161" style="font-size: 12px;">go<span class="tag-count"> (161) </span></a> <a href="/e/tags/?tagname=MongoDB" target="_blank" title="158个话题" class="tag-link-158" style="font-size: 12px;">MongoDB<span class="tag-count"> (158) </span></a> <a href="/e/tags/?tagname=%E6%96%87%E4%BB%B6" target="_blank" title="153个话题" class="tag-link-153" style="font-size: 12px;">文件<span class="tag-count"> (153) </span></a> </ul>
</div>
<div class="clear"></div>
<div id="rollstart"></div>
</aside>
</main>
<footer class="footer">
<div class="footer-ju">
<p>
<a href="/gywm/">关于我们</a>|<a href="/gywm/lxwm/">联系我们</a>|<a href="/gywm/gghz/">广告合作</a>|<a href="/gywm/tgxz/">投稿须知</a>|<a href="/gywm/tags/">标签列表</a>|
<br />
Copyright © 2012-2016 <a href="/">卓越飞翔博客</a> 版权所有<br />
备案号：赣ICP备19005277号 <br />
</p> </div>
<script src="/e/extend/DoTimeRepage/"></script>
<script src=/d/js/acmsd/thea1.js></script>
</footer>
<!--订阅部分不开启
<div class="subscribe-wrap add_light">
<div class="open-subscribe">
<div id="start-subscribe-btn" class="dingyue"><span class="glyphicon glyphicon glyphicon-pencil"></span> 订阅我们</div>
</div>
<div id="modalWindow" class="modalWindow subscribe-foot-form " style="display: none;">
<form action="http://list.qq.com/cgi-bin/qf_compose_send" target='_blank' method='post'>
<p class="text-info">加入邮件订阅列表，获取最新推送。</p>
<div class="form-group">
<p>E-mail地址：</p>
</div>
<input type="hidden" name="t" value="qf_booked_feedback">
<input type="hidden" name="id" value="ac52e8a91f20dbf1fe6d5379ae79dae48e6fa6efde9a178a">
<input id="to" name="to" type="text" required data-nette-rules='[{"op":":filled","msg":"e-mail地址是必须的."},{"op":":email","msg":"你的E-mail地址填写不合法"}]' class="form-control" value=""/>
<input class="btn" type="submit" value="订 阅">
</form>
</div>
</div>
订阅部分不开启-->
<script type='text/javascript' src='/skin/ecms193/js/wp-embed.min.js?ver=4.4.2'></script>
<script src="/skin/ecms193/js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/skin/ecms193/js/theia-sticky-sidebar.min.js"></script>
<script src="/skin/ecms193/js/function.js"></script>
<script>
// 隐藏侧边
function pr() {
var R=document.getElementById("sidebar");
var L=document.getElementById("article");
if (R.className=="sidebar")
{
R.className="widget-area";
L.className="content-area";
}
else
{
R.className="sidebar";
L.className="article";
}
}
</script>
<script type="text/javascript">
function openWindow(obj){
var qq_or_weixin = "light_qq";
switch(obj.id)
{
case 'contact_weixin':
qq_or_weixin = "light_weixin";
break;
case 'contact_qq':
qq_or_weixin = "light_qq";
break;
}
document.getElementById(qq_or_weixin).style.display='block';
document.getElementById('fade').style.display='block';
}
function closeWindow(){
document.getElementById('light_weixin').style.display='none';
document.getElementById('light_qq').style.display='none';
document.getElementById('fade').style.display='none';
}
</script>
<div class="r-hide"><a href="javascript:pr()" onclick="javascript:this.innerHTML=(this.innerHTML=='隐藏边栏'?'显示边栏':'隐藏边栏');">隐藏边栏</a></div>
</script>
<script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" > </script>
</body>
</html>
卓越飞翔博客