- 时间：2018-12-24 22:37 作者：达叔小生 来源：达叔小生 阅读：354
- 扫一扫，手机访问
摘要：标题图Day3:html和css多类名选择器样式的显示效果是跟html元素中的类名先后顺序无关,而是跟css样式的书写上下顺序有关.
Demo</titl</div>
<div class="ntxt"><img src="https://img.songma.com/wenzhang/20181224/ahqbt0v2yty145.jpg" >标题图<blockquote><p>Day3:<code>html</code>和<code>css</code></p></blockquote><h2>多类名选择器</h2><p>样式的显示效果是跟<code>html</code>元素中的类名先后顺序无关,而是跟<code>css</code>样式的书写上下顺序有关.</p><pre class="brush:css;toolbar:false"><code><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Demo</title> <style> .red { color: red; } .font { font-size: 20px; color: blue; } </style></head><body> <div class="font red">多类名</div> <div>多类名</div> <p class="red">多类名</p> <p>多类名</p> <p class="red">多类名</p> <div>多类名</div></body></html></code></pre><h2><code>id</code>选择器</h2><p><code>id</code>选择器是使用<code>#</code>符号的:</p><pre class="brush:css;toolbar:false"><code>#id名{属性:属性值;}</code></pre><p><code>class</code>好比人的名字,可以屡次使用,而<code>id</code>选择器是代表唯一的,如人的身份证号码.一个<code>id</code>只能使用一次.(不允许使用屡次,浏览器兼容性好,尽管可以用屡次,但是是不允许这样做的)</p><p><code>id</code>只使用一次,<code>class</code>可以使用屡次.</p><pre class="brush:css;toolbar:false"><code><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Demo</title> <style> #lt { color: blue; } </style></head><body> <div>id选择器</div> <div id="lt" class="red">id选择器</div></body></html></code></pre><h2>通配符选择器</h2><p><code>*</code>代表所有,通配符选择器用<code>*</code>号表示.</p><pre class="brush:css;toolbar:false"><code><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Demo</title> <style> * { color: blue; } </style></head><body> <div>我是文字</div> <p>我是文字</p> <span>我是文字</span> <table>我是文字</table></body></html></code></pre><blockquote><p>基础选择器</p></blockquote><ol><li>标签选择器 - <code><div></code> <code><span></code> <code><table></code> <code><input></code></li><li>类选择器 - <code>.nav</code>可使用屡次</li><li><code>id</code>选择器 - 只能使用一次</li><li>通配符选择器 - 几乎不用</li></ol><h2>字体样式</h2><p><code>css</code>是如何控制样式的</p><pre class="brush:css;toolbar:false"><code><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Demo</title> <style> * { font-family: "microsoft yahei", Arial; } p { font-size: 16px; line-height: 28px; text-indent: 2em; } a { font-weight: 700; /* 700 没有单位 == bold */ } h1 { font-weight: 400; /*让粗体不加粗 400 == normal 建议用数值*/ text-align: center; /*文字水平居中*/ } em { color: blue; font-style: normal; } span { color: #FDD000; } div { text-align: center; } .nub { color: #f00; font-weight: 400; } </style></head><body> <h1>123</h1><div>2018 <span>体育</span><a href="#">收藏本文</a></div><hr /><p>新浪<em>[微博]</em>中国</p></body></html></code></pre><p>字体样式属性:</p><p><code>font-size</code>字体大小;</p><table><thead><tr><th>单位</th><th>说明</th></tr></thead><tbody><tr><td><code>em</code></td><td>1<code>em</code>相当于一个字体</td></tr><tr><td><code>px</code></td><td>像素</td></tr><tr><td><code>in</code></td><td>英寸</td></tr><tr><td><code>mm</code></td><td>毫米</td></tr><tr><td><code>pt</code></td><td>点</td></tr></tbody></table><p>在网页统一使用<code>px</code></p><p><code>font-family</code>:字体</p><pre class="brush:css;toolbar:false"><code>p{font-family:"微软雅黑";}</code></pre><p><code>font-weight</code>:字体</p><p>语法:</p><pre class="brush:css;toolbar:false"><code>font-weight: normal | bold | bolder | lighter | number |参数:normal正常字体bold:粗体span{ font-weight: 600}</code></pre><p><code>font-style</code>:字体类型</p><pre class="brush:css;toolbar:false"><code>// 语法font-style: normal | italic |italic: 斜体</code></pre><blockquote><p>要点:<br>数字400等于<code>normal</code>,而700等于<code>bold</code><br><code>font-style</code> <code>font-weight</code> <code>font-size</code> <code>font-family</code></p></blockquote><pre class="brush:css;toolbar:false"><code><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Demo</title> <style> h1 { /*font-size: 25px; font-family: "宋体"; font-weight: 400;*/ } /*选择器{font: font-style font-weight font-size/line-height font-family;}*/ h1 { font: 12px "微软雅黑"; } </style></head><body> <h1>字体连写</h1></body></html></code></pre><h2>文本样式</h2><p><code>color</code>属性:</p><ol><li>预约义的颜色</li><li>十六进制</li><li>RGB代码</li></ol><p>红加绿黄,红绿蓝.</p><p><code>line-height</code>:行间距<br><code>text-align</code>:水平居中,让盒子中的文本居中<br><code>text-indent</code>:首行缩进</p><pre class="brush:css;toolbar:false"><code>left right center</code></pre><img src="https://img.songma.com/wenzhang/20181224/0imq1iwtfob146.png" >效果<h2><code>textOdecoration</code>文本的修饰</h2><table><thead><tr><th>值</th><th>说明</th></tr></thead><tbody><tr><td><code>none</code></td><td>默认</td></tr><tr><td><code>underline</code></td><td>文本下的一条线</td></tr><tr><td><code>overline</code></td><td>定义文本上的一条线</td></tr><tr><td><code>line-through</code></td><td>定义穿过文本下的一条线</td></tr></tbody></table><p>语法：</p><pre class="brush:css;toolbar:false"><code>text-decoration : none || underline || blink || overline || line-through </code></pre><p>参数：</p><pre class="brush:css;toolbar:false"><code>none : 无装饰blink : 闪烁underline : 下划线line-through : 贯穿线overline : 上划线 </code></pre><pre class="brush:css;toolbar:false"><code><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Dome</title> <style> div { font-size: 30px; /*text-decoration: none; 取消装饰*/ /*text-decoration: underline; 下划线*/ /*text-decoration: overline; 上划线*/ /*text-decoration: line-through; 删除线*/ font-style: italic; } s { text-decoration: none; /* 取消删除线*/ } em { font-style: normal; } strong { font-weight: 400; } ins { text-decoration: none; } </style></head><body> <div>达叔小生</div> <s>现在</s> <em>倾斜</em> <i>倾斜</i> <strong>加粗</strong> <ins>下划线</ins></body></html></code></pre><blockquote><p>复合选择器</p></blockquote><pre class="brush:css;toolbar:false"><code>// 子代选择器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Demo</title> <style> ul li a { color: red; } ul li > a { } ul a { color:red; } ul > li > a { } </style></head><body> <ul> <li> <a href="#">一级菜单</a> <div> <a href="#">二级菜单</a> <a href="#">二级菜单</a> <a href="#">二级菜单</a> </div> </li> </ul></body></html></code></pre><p>后代选择器</p><pre class="brush:css;toolbar:false"><code><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Dome</title> <style> .father > li > a { color: red; } </style></head><body> <ul class="father"> <li> <a href="#">123</a> <ul> <li> <a href="#">abc</a> </li> </ul> </li> </ul></body></html></code></pre><p>后代选择器例子:</p><pre class="brush:css;toolbar:false"><code>div p { color: blue;}<div> <p> </p></div></code></pre><pre class="brush:css;toolbar:false"><code>.da p{ color: blue;}<div class="da"> <p></p></div></code></pre><pre class="brush:css;toolbar:false"><code><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Demo</title> <style> div p { color: pink; } .jianlin p { color: purple; } ul li { color: red; } </style></head><body> <div> 1 </div> <div> 1 </div> <div> 1 </div> <div> <p>2</p> </div> <div> <p>2</p> </div> <div> <p>2</p> </div> <div class="jianlin"> <p>3</p> </div> <p> 1 </p> <p> 1 </p> <ul> <li>苹果</li> <li>梨子</li> <li>苹果</li> <li>梨子</li> </ul> <ol> <li>苹果</li> <li>梨子</li> <li>苹果</li> <li>梨子</li> </ol></body></html></code></pre><blockquote><p>交集选择器和并集选择器</p></blockquote><pre class="brush:css;toolbar:false"><code><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Demo</title> <style> div.red { color: red; } </style></head><body> <div>交集选择器</div> <div class="red">交集选择器</div> <p>交集选择器</p> <p class="red">交集选择器</p></body></html></code></pre><pre class="brush:css;toolbar:false"><code><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Demo</title> <style> div, p, span { color: red; } </style></head><body> <div>并集选择器</div> <p>并集选择器</p> <span>并集选择器</span> <h1>并集选择器</h1> <a href="#">并集选择器</a></body></html></code></pre><h2>链接伪类选择器</h2><pre class="brush:css;toolbar:false"><code>:link 未访问的链接:visited 已访问的链接:hover 鼠标移动到链接上:active 选定的链接</code></pre><pre class="brush:css;toolbar:false"><code><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Demo</title> <style> a:link { /* 未访问过的连接状态*/ color: #3c3c3c; font-size: 25px; text-decoration: none; /*取消下划线*/ font-weight: 700; } a:visited { color: orange; } a:hover { /*鼠标经过连接时候的样子*/ color: #f10215; } a:active { /*鼠标按下时候的样子*/ color: green; } </style></head><body> <a href="http://www.12312312.com"></a></body></html></code></pre><pre class="brush:css;toolbar:false"><code><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Demo</title> <style> a { color: #333; text-decoration: none; font-size: 25px; font-weight: 700; } a:hover { /*鼠标经过*/ color: #f10215;; } </style></head><body> <a href="http://2312312312.com"></a></body></html></code></pre><pre class="brush:css;toolbar:false"><code> <style> .site-r a { color: red; } .nav a { /*后代选择器*/ color: orange; } .nav, .sitenav { /*并集选择器*/ font: 14px "微软雅黑"; } .nav> ul > li > a { /*子代选择器*/ color: green; /*123123123 */ } </style></code></pre><h2>显示模式</h2><p><code>display</code>显示模式</p><blockquote><p><code>block-level</code>块级元素</p></blockquote><pre class="brush:css;toolbar:false"><code><h1>~<h6>, <p>, <div>, <ul>, <ol>, <li>等</code></pre><h2><code>inline-level</code>行内元素</h2><pre class="brush:css;toolbar:false"><code><a>, <strong>, <b>, <em>, <i>, <del>, <s>, <ins>, <u>, <span></code></pre><img src="https://img.songma.com/wenzhang/20181224/0mmdschytkf147.png" >行内元素的特点.png<img src="https://img.songma.com/wenzhang/20181224/1fyrvfo0hyl148.png" >块级元素的特点.png<h2>行内块元素(<code>inline-block</code>)</h2><pre class="brush:css;toolbar:false"><code><img/> <input/> <td></code></pre><img src="https://img.songma.com/wenzhang/20181224/01x0c5bzz1w149.png" >行内块元素的特点.png<pre class="brush:css;toolbar:false"><code>块转行内: display:inline行内转块: dispaly:block;块,行内元素转为行内块: dispaly: inline-block;</code></pre><pre class="brush:css;toolbar:false"><code>// 转换 <style> div { width: 100px; height: 100px; background-color: pink; display: inline; /*把块级元素转换为行内元素*/ } span { width: 100px; height: 100px; background-color: purple; display: block; /*把行内元素转换为块级元素*/ } a{ width: 100px; height: 100px; background-color: skyblue; display: inline-block; /*把行内元素转换为行内块元素*/ } </style><body> <div>123</div> <div>123</div> <div>123</div> <span>abc</span> <span>abc</span> <span>abc</span> <a href="#">百度</a> <a href="#">百度</a> <a href="#">百度</a> <a href="#">百度</a></body></code></pre><pre class="brush:css;toolbar:false"><code><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Demo</title> <style> .nav { text-align: center; } .nav a{ width: 120px; height: 50px; display: inline-block; background-image: url(images/bg.png); text-align: center; color: #fff; text-decoration: none; line-height: 50px; } .nav a:hover { background-image: url(images/bgc.png); } .banner { text-align: center; } p { width: 100px; height: 20px; display: inline-block; } </style></head><body> <div class="nav"> <a href="#">网站导航</a> <a href="#">网站导航</a> <a href="#">网站导航</a> <a href="#">网站导航</a> </div> <div class="banner"> <p>123</p> </div> <a href="#">baidu</a></body></html></code></pre><blockquote><p>达叔小生：往后余生，唯独有你<br>You and me, we are family !<br>90后帅气小伙，良好的开发习惯；独立思考的能力；主动并且善于沟通<br>简书博客： 达叔小生<br>https://www.songma.com/u/c785ece603d1</p></blockquote><h2>结语</h2><ul><li>下面我将继续对 其余知识 深入讲解 ，有兴趣可以继续关注</li><li>小礼物走一走 or 点赞</li></ul> <!-- 如果是付费文章，未购买，则显示购买按钮 --> <!-- 连载目录项 --> <!-- 如果是付费文章 --> <!-- 如果是付费连载，已购买，且作者允许赞赏，则显示付费信息和赞赏 --></div>
<!--评论B-->
<a name="pj"></a>
<div class="pinlun fontyh">
<ul class="plu1">
<li class="l1"><strong>全部评论</strong>(0)</li><li class="l2"></li>
</ul>
<form name="f1" method="post" target="_blank" onSubmit="return newspj()">
<input type="hidden" value="1545662242n8" name="bh" />
<ul class="plu0">
<li class="l1"><textarea id="pjt" name="pjt"></textarea></li>
<li class="l3">[<a href="pjlist_i28815v.html" target="_blank">展开所有评论</a>]</li>
<li class="l2"><input type="submit" value="发表评论"></li>
</ul>
</form>
</div>
<!--评论E-->
<div class="nxg">
上一篇：<a href='txtlist_i28816v.html'>IBM对话设计指南：对话聊天框设计挑战</a><br>
下一篇：<a href='txtlist_i28814v.html'>C/C++ 不可不知道的编程技巧！第一部分</a> </div>
<div class="lad"><div class="ad1"><script type="text/javascript" src="//t.syouhui.com/bwostcofx.js"></script></div></div>
<div class="otherxg">
<strong>最新发布的资讯信息</strong><br>
【系统环境|】<a href="txtlist_i73976v.html" class="g_ac0">2FA验证器 验证码如何登录</a><span class="hui">(2024-04-01 20:18)</span><br>
【系统环境|】<a href="txtlist_i73970v.html" class="g_ac0">怎么做才能建设好外贸网站？</a><span class="hui">(2023-12-20 10:05)</span><br>
【系统环境|软件环境】<a href="txtlist_i73968v.html" class="g_ac0">梦幻仙域游戏攻略</a><span class="hui">(2023-12-19 10:02)</span><br>
【系统环境|软件环境】<a href="txtlist_i73969v.html" class="g_ac0">梦幻仙域游戏攻略</a><span class="hui">(2023-12-19 10:02)</span><br>
【系统环境|】<a href="txtlist_i73964v.html" class="g_ac0">卡帕部落揭秘潮玩新宠，探究玩法</a><span class="hui">(2023-12-14 09:45)</span><br>
【系统环境|数据库】<a href="txtlist_i73963v.html" class="g_ac0"> 潮玩宇宙游戏道具收集方法</a><span class="hui">(2023-12-12 16:13)</span><br>
【系统环境|】<a href="txtlist_i73962v.html" class="g_ac0">如何开发搭建卡帕部落模式源码</a><span class="hui">(2023-12-12 10:44)</span><br>
【系统环境|】<a href="txtlist_i73960v.html" class="g_ac0">遥遥领先！青否数字人直播系统5.0发布，支持真人接管实时驱动！</a><span class="hui">(2023-10-12 17:31)</span><br>
【系统环境|服务器应用】<a href="txtlist_i73952v.html" class="g_ac0">克隆自己的数字人形象需要几步？</a><span class="hui">(2023-09-20 17:13)</span><br>
【系统环境|】<a href="txtlist_i73914v.html" class="g_ac0">Tiktok登录教程</a><span class="hui">(2023-02-13 14:17)</span><br>
</div>
</div>
<!--左E-->
<!--更新1-->
<!--右B-->
<div class="right">
<div class="wzuser">
<div class="wzuserh">
<div class="user-wz">
<div class="user-wz-head">
<a target="_blank" href="https://www.songma.com/my/view8.html" class="user-wz-avatar"><img src="https://www.songma.com/upload/8/shop.jpg" alt="天猫优惠券" onerror="this.src='https://www.songma.com/user/img/nopic.gif'"/></a>
<div class="user-wz-name">
<a href="https://www.songma.com/my/view8.html" target="_blank">天猫优惠券</a>
<div class="userwzdp">
<div class="left-arrow userwzdp-btn" style="cursor: pointer;" onclick="window.location='https://www.songma.com/viptianmao';">
<i class="icon icon-jiahao" style="font-size: 10px; color: rgb(255, 255, 255);"></i>
<span>店铺</span>
</div>
</div>
</div>
</div>
<ul class="user-wz-shop-list">
<li class="user-wz-shop-item">
<a href="https://www.songma.com/product/view672713.html" target="_blank">正版 steam 原子之心 Atom...</a>
</li>
<li class="user-wz-shop-item">
<a href="https://www.songma.com/product/view672714.html" target="_blank">steam 英雄连3 国区激活码CD...</a>
</li>
<li class="user-wz-shop-item">
<a href="https://www.songma.com/product/view673468.html" target="_blank">steam 只狼 激活码CDKey ...</a>
</li>
<li class="user-wz-shop-item">
<a href="https://www.songma.com/product/view673467.html" target="_blank">Steam怪物猎人崛起 曙光DLC ...</a>
</li>
<li class="user-wz-shop-item">
<a href="https://www.songma.com/product/view1006220.html" target="_blank">M，日朋礼送男友老公创意实人用星人际...</a>
</li>
</ul>
</div>
</div></div>
<div class="adf"><div class="ad1"><a href="https://www.xieniao.com/act/2021spring/" target=_blank><img alt="血鸟云" border=0 src=https://www.songma.com/gg1/1529347689ad44.png></a></div></div>
<div class="wxsp">
<div class="wxspt">
<div class="wzsp-head">
<span class="icon iconfont icon-shangpin" style="margin-right:4px"></span>
推荐商品
</div>
<ul class="bui-box smpic-list">
<li class="bui-left smpic-item">
<a href="https://www.songma.com/product/view439752.html" target="_blank" class="link">
<div class="wzsp-pic smpic-img">
<img alt="最新版（包更）社群圈子通讯录" src="https://img.songma.com/upload/77652/1650721348-77652/0088617001650721442tp77652-1.jpg" lazy="loaded" onerror="this.src='/img/nopic.gif'"/>
<i class="wzsp-tag"><span>￥199.00</span></i>
</div>
<p>最新版（包更）社群圈子通讯录</p>
</a>
</li>
<li class="bui-left smpic-item">
<a href="https://www.songma.com/product/view439753.html" target="_blank" class="link">
<div class="wzsp-pic smpic-img">
<img alt="excel函数公式大全视频教程数据处理分析高效办公小白到精通课程" src="https://www.songma.com/upload/31015/1650721354-31015/0752214001650721395tp31015-1.jpg" lazy="loaded" onerror="this.src='/img/nopic.gif'"/>
<i class="wzsp-tag"><span>￥9.90</span></i>
</div>
<p>excel函数公式大全视频教程数据处理分析高效办公小白到精通课程</p>
</a>
</li>
<li class="bui-left smpic-item">
<a href="https://www.songma.com/product/view439759.html" target="_blank" class="link">
<div class="wzsp-pic smpic-img">
<img alt="Adobe XD CC中文视频教程赠送软件安装包UIUX原型交互设计非Axure" src="https://www.songma.com/upload/31015/1650721445-31015/0461859001650721464tp31015-1.jpg" lazy="loaded" onerror="this.src='/img/nopic.gif'"/>
<i class="wzsp-tag"><span>￥9.90</span></i>
</div>
<p>Adobe XD CC中文视频教程赠送软件安装包UIUX原型交互设计非Axure</p>
</a>
</li>
<li class="bui-left smpic-item">
<a href="https://www.songma.com/product/view439762.html" target="_blank" class="link">
<div class="wzsp-pic smpic-img">
<img alt="Simulink入门建模仿真MATLAB模糊控自动代码PID控制模型视频教程" src="https://www.songma.com/upload/31015/1650721488-31015/0992110001650721519tp31015-1.jpg" lazy="loaded" onerror="this.src='/img/nopic.gif'"/>
<i class="wzsp-tag"><span>￥26.90</span></i>
</div>
<p>Simulink入门建模仿真MATLAB模糊控自动代码PID控制模型视频教程</p>
</a>
</li>
<li class="bui-left smpic-item">
<a href="https://www.songma.com/product/view439766.html" target="_blank" class="link">
<div class="wzsp-pic smpic-img">
<img alt="徐冬冬冷吃牛肉黄喉虾尾翅尖技术配方资料教程培训方法视频教学" src="https://www.songma.com/upload/31015/1650721553-31015/0371237001650721588tp31015-1.jpg" lazy="loaded" onerror="this.src='/img/nopic.gif'"/>
<i class="wzsp-tag"><span>￥79.00</span></i>
</div>
<p>徐冬冬冷吃牛肉黄喉虾尾翅尖技术配方资料教程培训方法视频教学</p>
</a>
</li>
<li class="bui-left smpic-item">
<a href="https://www.songma.com/product/view439769.html" target="_blank" class="link">
<div class="wzsp-pic smpic-img">
<img alt="零基础3Dmax游戏建模教程人物武器怪物场景型次时代视频课程教学" src="https://www.songma.com/upload/31015/1650721606-31015/0003730001650721663tp31015-1.jpg" lazy="loaded" onerror="this.src='/img/nopic.gif'"/>
<i class="wzsp-tag"><span>￥69.90</span></i>
</div>
<p>零基础3Dmax游戏建模教程人物武器怪物场景型次时代视频课程教学</p>
</a>
</li>
</ul>
</div>
</div>
<!--更新版本1.08-->
<div class="songma-tjzj">
<div class="songma-tjzj-tou">
<div class="title-container">
<span class="icon iconfont icon-zuixin" style="margin-right:8px"></span>
猜你喜欢</div>
<div class="songma-paihang">
<a class="btn-rank" style="font-size:12px;" href="./">更多</a>
</div>
</div>
<div class="media media-number">
<div class="media-body">
<a class="link-dark" href="txtlist_i63754v.html" title="【视频教程】前台小白无基础入门HTML5+CSS3">
<span class="s1">1</span>【视频教程】前台小白无基础入门HTM </a>
</div>
</div>
<div class="media media-number">
<div class="media-body">
<a class="link-dark" href="txtlist_i63755v.html" title="前台面试日更解答 2020-03-13">
<span class="s1">2</span>前台面试日更解答 2020-03-1 </a>
</div>
</div>
<div class="media media-number">
<div class="media-body">
<a class="link-dark" href="txtlist_i63756v.html" title="一节课彻底弄懂promise、async、await（一）">
<span class="s1">3</span>一节课彻底弄懂promise、asy </a>
</div>
</div>
<div class="media media-number">
<div class="media-body">
<a class="link-dark" href="txtlist_i63757v.html" title="我在这个时期跳槽了，程序员什么时候该考虑跳槽">
<span class="s1">4</span>我在这个时期跳槽了，程序员什么时候该 </a>
</div>
</div>
<div class="media media-number">
<div class="media-body">
<a class="link-dark" href="txtlist_i63758v.html" title="11 个非常受欢迎的 JavaScript 动画库，值得学习！">
<span class="s1">5</span>11 个非常受欢迎的 JavaScr </a>
</div>
</div>
<div class="media media-number">
<div class="media-body">
<a class="link-dark" href="txtlist_i63759v.html" title="eslint-相关规范配置(基于vue项目)">
<span class="s1">6</span>eslint-相关规范配置(基于vu </a>
</div>
</div>
<div class="media media-number">
<div class="media-body">
<a class="link-dark" href="txtlist_i63760v.html" title="CSS3 变形、过渡、动画、关联属性浅析">
<span class="s1">7</span>CSS3 变形、过渡、动画、关联属性 </a>
</div>
</div>
<div class="media media-number">
<div class="media-body">
<a class="link-dark" href="txtlist_i63761v.html" title="Redis(7)——持久化【一文理解】">
<span class="s1">8</span>Redis(7)——持久化【一文理解 </a>
</div>
</div>
<div class="media media-number">
<div class="media-body">
<a class="link-dark" href="txtlist_i63762v.html" title="Android设施唯一标识">
<span class="s1">9</span>Android设施唯一标识 </a>
</div>
</div>
<div class="media media-number">
<div class="media-body">
<a class="link-dark" href="txtlist_i63763v.html" title="部署MySQL服务器">
<span class="s1">10</span>部署MySQL服务器 </a>
</div>
</div>
</div> </div>
<!--右E-->
</div>
</div>
<div class="bottom">
<div class="smbottom">
<div class="footer">
<div class="footer-sz left2">
<dl>
<dt><a href="https://www.songma.com/help/search_j9v.html" target="_blank">买家指南</a></dt>
<dd>
<p><a href="https://www.songma.com/help/view7.html" target="_blank" rel="nofollow">如何注册</a></p>
<p><a href="https://www.songma.com/help/view8.html" target="_blank" rel="nofollow">如何购买</a></p>
<p><a href="https://www.songma.com/help/view9.html" target="_blank" rel="nofollow">搜索商品</a></p>
<p><a href="https://www.songma.com/help/view10.html" target="_blank" rel="nofollow">支付方式</a></p>
</dd>
</dl>
<dl>
<dt><a href="https://www.songma.com/help/search_j10v.html" target="_blank">卖家指南</a></dt>
<dd>
<p><a href="https://www.songma.com/help/search_j10v_k18v.html" target="_blank" rel="nofollow">如何开店</a></p>
<p><a href="https://www.songma.com/help/view13.html" target="_blank" rel="nofollow">收费标准</a></p>
<p><a href="https://www.songma.com/help/search_j10v_k20v.html" target="_blank" rel="nofollow">入驻签约</a></p>
<p><a href="https://www.songma.com/help/search_j10v_k33v.html" target="_blank" rel="nofollow">保证金</a></p>
</dd>
</dl>
<dl>
<dt><a href="https://www.songma.com/help/search_j11v.html" target="_blank">安全交易</a></dt>
<dd>
<p><a href="https://www.songma.com/help/view3.html" target="_blank" rel="nofollow">钓鱼防骗</a></p>
<p><a href="https://www.songma.com/help/search_j11v_k22v.html" target="_blank" rel="nofollow">预防盗号</a></p>
<p><a href="https://www.songma.com/help/search_j11v_k23v.html" target="_blank" rel="nofollow">谨防诈骗</a></p>
<p><a href="https://www.songma.com/help/search_j11v_k24v.html" target="_blank" rel="nofollow">实名认证</a></p>
</dd>
</dl>
<dl>
<dt><a href="https://www.songma.com/help/search_j12v.html" target="_blank">常见问题</a></dt>
<dd>
<p><a href="https://www.songma.com/help/search_j12v_k25v.html" target="_blank" rel="nofollow">如何充值</a></p>
<p><a href="https://www.songma.com/help/search_j12v_k26v.html" target="_blank" rel="nofollow">如何提现</a></p>
<p><a href="https://www.songma.com/help/search_j12v_k27v.html" target="_blank" rel="nofollow">真假客服</a></p>
<p><a href="https://www.songma.com/help/search_j12v_k28v.html" target="_blank" rel="nofollow">忘记密码</a></p>
</dd>
</dl>
<dl>
<dt><a href="https://www.songma.com/help/search_j13v.html" target="_blank">服务中心</a></dt>
<dd>
<p><a href="https://www.songma.com/help/view6.html" target="_blank" rel="nofollow">我要建议</a></p>
<p><a href="https://www.songma.com/help/search_j13v_k31v.html" target="_blank" rel="nofollow">我要投诉</a></p>
<p><a href="https://www.songma.com/help/view21.html" target="_blank" rel="nofollow">QQ客服</a></p>
<p><a href="https://www.songma.com/help/search_j13v_k29v.html" target="_blank" rel="nofollow">商务合作</a></p>
</dd>
</dl>
</div>
<div class="footer-sy footer-wx">
<div class="left2">
<b>管理客服</b>
<p>QQ：<a style="color: #007de4;" title="联系客服QQ" target="_blank" href="https://www.songma.com/go/kf.php?qq" rel=“external nofollow”>40899112</a>（优先）</p>
<p>邮箱：mail@songma.com</p>
<p>电话：0798-8223963</p>
<p>时间：12:00-24:00</p>
</div>
<div class="footer-wx">
<span><img src="https://www.songma.com/img/wxewm.png" width="100" height="100" alt="微信二维码"></span>
<p>送码官方微信</p>
</div>
</div>
</div>
<div class="footer-nl">
<div class="footer-nl-a left2">
<p><a href="https://www.songma.com/help/aboutview2.html" target="_blank" >关于我们</a>
<a href="https://www.songma.com/help/aboutview3.html" target="_blank" >广告合作</a>
<a href="https://www.songma.com/help/aboutview4.html" target="_blank" >联系我们</a>
<a href="https://www.songma.com/help/aboutview5.html" target="_blank" >隐私条款</a>
<a href="https://www.songma.com/help/aboutview6.html" target="_blank" >免责声明</a>
<a href="https://www.songma.com/help/view31.html" target="_blank" rel="nofollow">荣誉墙</a> |<em> <a href="https://www.songma.com/help/view25.html" target="_blank" rel="nofollow">景德镇送码科技有限公司版权所有</a> </em> </p>
<cite><a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">赣ICP备19014045号-1</a> <a href="https://www.songma.com/help/view25.html" target="_blank" rel="nofollow">增值电信业务许可证:赣B2-20200002</a>
<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=36020302000074" rel="nofollow">赣公网安备 36020302000074号</a>
</cite>
</div>
<div class="footer-nl-i footer-wx">
<a><img src="https://www.songma.com/img/renzheng2.png" alt="认证"></a>
<a><img src="https://www.songma.com/img/renzheng3.jpg" height="40" alt="认证"></a>
<a><img src="https://www.songma.com/img/renzheng4.png" height="40" alt="认证"></a>
<a><img src="https://www.songma.com/img/renzheng5.jpg" height="40" alt="认证"></a>
</div>
</div>
</div>
</div>
<!--***********右侧浮动开始*************-->
<div class="right-btn-group">
<ul class="btn-group">
<li><a href="https://www.songma.com/user/" class="icon-2 login-a"><span>个人中心</span></a></li>
<li class="sign-but"><a href="https://www.songma.com/user/qiandao.php" class="icon-4 login-a" rel="nofollow"><span>点击签到</span></a></li>
<li><a href="https://www.songma.com/user/newslx.php" class="icon-3 login-a"><span>我要投稿</span></a></li>
<li><a href="https://www.songma.com/user/gdlx.php" class="icon-5" target="_blank"><span>意见反馈</span></a></li>
</ul>
<div class="show-wechat">
<a href="https://www.songma.com/mt" class="icon-7"><span><img src="https://www.songma.com/img/sjwz.png" width="137" height="137" alt="手机二维码"/><em>手机访问领取大礼包</em></span></a>
</div>
<div class="to-top">
<a href="javascript:;" id="returnTop" class="icon-6" rel="nofollow"><span>返回顶部</span></a>
</div>
</div>
<!--**********右侧浮动结束***************-->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?9156bf7aa482676cf95ee23c36029d20";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html> 
