HTML的常见标签:
1. – 定义HTML文档
2. – 定义文档的头部
3.
– 定义文档的标题<br />4. – 定义文档的主体<br />5. </p>
<h1> – </p>
<h6> – 定义标题<br />6. </p>
<p> – 定义段落<br />7. <a> – 定义超链接<br />8. <img> – 插入图像<br />9. </p>
<ul> – 定义无序列表<br />10. </p>
<ol> – 定义有序列表<br />11. </p>
<li> – 定义列表项<br />12.<br />
<table> – 定义表格<br />13. </p>
<tr> – 定义表格行<br />14. </p>
<td> – 定义表格单元格</p>
<p>CSS的常见属性:<br />1. font-size – 字体大小<br />2. color – 字体颜色<br />3. background-color – 背景颜色<br />4. margin – 外边距<br />5. padding – 内边距<br />6. width – 元素宽度<br />7. height – 元素高度<br />8. display – 元素的显示模式<br />9. border – 边框<br />10. text-align – 文本对齐方式<br />11. float – 元素浮动<br />12. position – 元素定位<br />13. z-index – 元素的堆叠顺序<br />14. opacity – 元素透明度</p>
<p>文章为原创或者来自于互联网，转载请注明来源，如果文章有侵权请联系，我们会及时删除。</p>
</div>
</div>
</div>
<div class="px-4 py-5 bg-light">
<div class="row ">
<div class="col-12 col-md-4">
<h1>更多相关文章</h1>
</div>
<div class="col-12 col-md-8">
<div class=" border-bottom py-3">
<p class="qb_loop-meta"><a href="http://www.qieban.cn/category/blogs/aiqieban" rel="category tag">爱切版</a> </p>
<h4 ><a title="如何在Photoshop中使用图像导出？" class="text-dark font-weight-bold" href="http://www.qieban.cn/post/4335.html">如何在Photoshop中使用图像导出？</a></h4>
<p class="qb_desc">发布时间:2023年09月1日 </p>
<p><p>在Photoshop中，可以使用以下步骤进行图像导出： 1. 打开待导出的图像文件，选择“文件”菜单中的“导出 […]</p>
</p>
<!--<a href="http://www.qieban.cn/post/4335.html" class="card-link">查看详情</a>-->
</div>
<div class=" border-bottom py-3">
<p class="qb_loop-meta"><a href="http://www.qieban.cn/category/blogs/aiqieban" rel="category tag">爱切版</a> </p>
<h4 ><a title="如何在Photoshop中使用图像合成？" class="text-dark font-weight-bold" href="http://www.qieban.cn/post/4334.html">如何在Photoshop中使用图像合成？</a></h4>
<p class="qb_desc">发布时间:2023年09月1日 </p>
<p><p>要在Photoshop中使用图像合成，请按照以下步骤操作： 1. 打开Photoshop并导入您要合成的图像。 […]</p>
</p>
<!--<a href="http://www.qieban.cn/post/4334.html" class="card-link">查看详情</a>-->
</div>
<div class=" border-bottom py-3">
<p class="qb_loop-meta"><a href="http://www.qieban.cn/category/blogs/aiqieban" rel="category tag">爱切版</a> </p>
<h4 ><a title="网站配色的设计师应该具备哪些技能？" class="text-dark font-weight-bold" href="http://www.qieban.cn/post/4333.html">网站配色的设计师应该具备哪些技能？</a></h4>
<p class="qb_desc">发布时间:2023年09月1日 </p>
<p><p>1. 色彩学知识：了解颜色的基本属性、搭配原则、对情绪的影响等知识。 2. 用户体验设计技能：能够理解和设计符 […]</p>
</p>
<!--<a href="http://www.qieban.cn/post/4333.html" class="card-link">查看详情</a>-->
</div>
<div class=" border-bottom py-3">
<p class="qb_loop-meta"><a href="http://www.qieban.cn/category/blogs/aiqieban" rel="category tag">爱切版</a> </p>
<h4 ><a title="网站配色的颜色对网站排版的影响是什么？" class="text-dark font-weight-bold" href="http://www.qieban.cn/post/4332.html">网站配色的颜色对网站排版的影响是什么？</a></h4>
<p class="qb_desc">发布时间:2023年09月1日 </p>
<p><p>网站配色对网站排版的影响主要有以下几点： 1.视觉效果：颜色搭配能够带来视觉上的舒适感和美感，为网站的设计增添 […]</p>
</p>
<!--<a href="http://www.qieban.cn/post/4332.html" class="card-link">查看详情</a>-->
</div>
<div class=" border-bottom py-3">
<p class="qb_loop-meta"><a href="http://www.qieban.cn/category/blogs/aiqieban" rel="category tag">爱切版</a> </p>
<h4 ><a title="网站配色的设计原则是什么？" class="text-dark font-weight-bold" href="http://www.qieban.cn/post/4331.html">网站配色的设计原则是什么？</a></h4>
<p class="qb_desc">发布时间:2023年09月1日 </p>
<p><p>网站配色的设计原则有以下几点： 1. 色彩搭配要协调：在网站设计中，色彩要和谐协调，不宜使用过于鲜艳或对比度过 […]</p>
</p>
<!--<a href="http://www.qieban.cn/post/4331.html" class="card-link">查看详情</a>-->
</div>
<div class=" border-bottom py-3">
<p class="qb_loop-meta"><a href="http://www.qieban.cn/category/blogs/aiqieban" rel="category tag">爱切版</a> </p>
<h4 ><a title="什么是网站配色？" class="text-dark font-weight-bold" href="http://www.qieban.cn/post/4330.html">什么是网站配色？</a></h4>
<p class="qb_desc">发布时间:2023年09月1日 </p>
<p><p>网站配色是指对网站页面元素、背景和文本等进行色彩设计和搭配的过程，以达到在视觉上美观、具有品牌特色和易于阅读等 […]</p>
</p>
<!--<a href="http://www.qieban.cn/post/4330.html" class="card-link">查看详情</a>-->
</div>
<h3 class="font-weight-bold py-5"><a href="http://www.qieban.cn/blog/">查看更多</a></h3>
</div>
</div>
</div>
</section>
<!--<div class="container ">
<div class="py-5 bg-light mb-0 text-center" >
<img width="90" src="http://www.qieban.cn/wp-content/themes/qieban2023/images/logo@2x.png" />
<h4 class="mt-2 font-weight-bold">做完设计，找切版网</h4>
</div>
</div>-->
<footer class="container">
<div class=" bg-white px-4 py-5" >
<p>切版网是 [ 切图网 qietu.com ] “切图客”计划孵化的正规军团，名师带队，付款更放心，品质更保障。
<br/>基于 Bootstrap跨屏前端框架进行重构，完美支持电脑、平板、手机等多终端。</p>
<p >
武汉切图网络技术有限公司 版权所有 备案号；<a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">鄂ICP备14012562号</a>
<!--<a href="#">回到顶部</a>-->
</p>
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"K7jTEEpaxL9HqXaG",ck:"K7jTEEpaxL9HqXaG"})</script>
<a target="_blank" title="51la网站统计" href="https://v6.51.la/land/K7jTEEpaxL9HqXaG">51LA统计</a>
</div>
</footer>
<!-- Modal -->
<div class="modal fade" id="weixinModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm modal-dialog-centered text-center">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">添加微信好友</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<img src="http://www.qieban.cn/wp-content/themes/qieban2023/images/weixin.jpg"/>
</div>
</div>
</div>
</div>
<div class="modal fade" id="douyinModal" >
<div class="modal-dialog modal-sm modal-dialog-centered text-center">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">关注抖音</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<img src="http://www.qieban.cn/wp-content/themes/qieban2023/images/douyin.jpg"/>
</div>
</div>
</div>
</div>
<div class="modal fade" id="telModal" >
<div class="modal-dialog modal-sm modal-dialog-centered text-center">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">拨打电话</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
15629750003 （丁生）
</div>
</div>
</div>
</div>
<!--<div class="qb_wxbtn">
<button type="button" class="btn btn-lg btn-success 2 shadow-sm " data-toggle="modal" data-target="#weixinModal">免费索取报价 »</button>
</div>-->
<script src="http://www.qieban.cn/wp-content/themes/qieban2023/js/jquery-1.10.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://www.qieban.cn/wp-content/themes/qieban2023/js/bootstrap.bundle-4.6.1.min.js?1" type="text/javascript" charset="utf-8"></script>
<!--<script src="http://www.qieban.cn/wp-content/themes/qieban2023/js/bootstrap.bundle-v5.3.min.js?1" type="text/javascript" charset="utf-8"></script>-->
<!--<script src="http://www.qieban.cn/wp-content/themes/qieban2023/js/topbar.min.js" type="text/javascript" charset="utf-8"></script>-->
<script src="http://www.qieban.cn/wp-content/themes/qieban2023/js/jquery.lazyload.js"></script>
<!--<script>//按键触发
document.onkeydown = function(){
//禁止ctrl+u
if (event.ctrlKey && window.event.keyCode==85){
return false;
}
//禁止 F12
if (window.event && window.event.keyCode == 123) {
event.keyCode = 0;
event.returnValue = false;
}
//禁止ctrl+s
if (event.ctrlKey && window.event.keyCode==83){
return false;
}
//禁止 F5
if (window.event && window.event.keyCode == 116) {
event.keyCode = 0;
event.returnValue = false;
}
}
//网站禁止右键
document.body.oncontextmenu = function() {
self.event.returnValue=false
};
//网站禁止选择文字
document.body.onselectstart = function() {
self.event.returnValue=false
};</script>-->
<script>
jQuery(function() {
// $('.qb_header').hover(function(){
// $(this).addClass('qb_header--hover');
// },function(){
// $(this).removeClass('qb_header--hover');
// })
//导航吸顶
// var ht = $('.qb_header').offset().top;
// var p=0,t=0;
// $(window).scroll(function(e){
// p = $(this).scrollTop();
// //if(t<=p){//下滚
//
// if(p>ht ){
// $('.qb_header').addClass('qb_header--fix');
// }
// else{
// $('.qb_header').removeClass('qb_header--fix');
// }
// //}
//
// //else{//上滚
//
//
//
//
// //}
// setTimeout(function(){t = p;},0);
// });
// topbar.config({
// autoRun : true,
// barThickness : 3,
// barColors : {
// '0' : 'rgba(26, 188, 156, .9)',
// '.25' : 'rgba(52, 152, 219, .9)',
// '.50' : 'rgba(241, 196, 15, .9)',
// '.75' : 'rgba(230, 126, 34, .9)',
// '1.0' : 'rgba(211, 84, 0, .9)'
// },
// shadowBlur : 10,
// shadowColor : 'rgba(0, 0, 0, .6)'
// })
// topbar.show()
// setTimeout(function() {
// //$('#main_content').fadeIn('slow')
// topbar.hide()
// }, 1500)
})
//bootstrap v4移上去出现二级菜单（点击改hover）方法
$(document).ready(function() {
dropdownOpen();
});
function dropdownOpen() {
var $dropdownLi = $('li.dropdown');
$dropdownLi.mouseover(function() {
$(this).addClass('show').find('.dropdown-menu').addClass('show');
}).mouseout(function() {
$(this).removeClass('show').find('.dropdown-menu').removeClass('show');;
});
}
jQuery(document).ready(function ($) {
//图片懒加载
$("img.lazy").lazyload({
effect: "fadeIn",
placeholder:'http://www.qieban.cn/wp-content/themes/qieban2023/images/preloader.png'
});
});
//关闭弹窗
$('.qa-overlay-backdrop').bind("click",function(e){
var target = $(e.target);
if(target.closest(".qa-overlay-popup-contents").length == 0){
$(".qa-overlay-backdrop").fadeOut();
}
})
$('.qa-close-button').click(function(){
$('.qa-overlay-backdrop').fadeOut();
})
//打开弹窗
$('.qa-open-button').bind('click',function(){
$('.qa-overlay-backdrop').fadeIn();
return false;
})
//导航吸顶
var p=0,t=0;
$(window).scroll(function(e){
p = $(this).scrollTop();
if(t<=p){//下滚
if(p> 400){
$('nav').addClass('nav-hide');
}
}
else{//上滚
$('nav').removeClass('nav-hide');
}
setTimeout(function(){t = p;},0);
});
$(function () {
$('[data-toggle="tooltip"]').tooltip()
$('[data-toggle="popover"]').popover()
})
</script>
<!--<script src="http://www.qieban.cn/wp-content/themes/qieban2023/js/jTippy.js" type="text/javascript" charset="utf-8"></script>-->
<script type='text/javascript' src='http://www.qieban.cn/wp-includes/js/wp-embed.min.js?ver=5.2.20'></script>
</body>
</html>