张大仙儿的博客

Dw图标按钮定位添加跳转链接
Dw打开HTML，设计，点击图标所在图片，左下角热点工具，框中需要点击跳转的图标，选择完成后，拿到最终的代码。
DW批量更换链接
在查找和替换窗口中勾选“使用正则表达式”，然后在查找栏中输入：a href="[^"]*"，在替换栏中输入：a href="#"。这里的#可以是你需要的网址。然后点击“替换全部”按钮就可以了！
DW批量更换链接的方法
在查找和替换窗口中勾选“使用正则表达式”，然后在查找栏中输入：a href="[^"]*"，在替换栏中输入：a href="#"。这里的#可以是你需要的网址。然后点击“替换全部”按钮就可以了！

在项目中经常会遇到要改变图标的颜色，比如说我遇到的这个，用户要求把默认图标颜色都换掉。首先打开Ps，选择需要换色的图标文件，如下如：然后，图层-图层样式-颜色叠加，设置好需要更换后的颜色，如下图：

Ps改变icon图标颜色
在项目中经常会遇到要改变图标的颜色，比如说我遇到的这个，用户要求把默认图标颜色都换掉。首先打开Ps，选择需要换色的图标文件，如下如：然后，图层-图层样式-颜色叠加，设置好需要更换后的颜色，如下图：

移动端落地页banner图随着屏幕尺寸的变化自适应大小
$("#banner").css("height",950*$(window).width()/750);这行JS放到banner图相关JS下面，950和750是banner的真实图片大小。根据图片真实大小来填写
JS链接生成二维码
<div class="footer-2"> <div id="qrcode" class="fr yq_logo"> </div> <div class="footer-2-con"> <div class="er fl"> <img src="/1208
JS禁止微信复制当前网址
<script type="text/javascript">$(".tokefu").on('click', function() { window.open('https://tb.53kf.com/code/client/83643c07d2b8b63ad870c7e70e72f3bf8/1') }); history.replaceState
JS去掉网址后缀
<script type="text/javascript">$(".tokefu").on('click', function() { window.open('https://tb.53kf.com/code/client/83643c07d2b8b63ad870c7e70e72f3bf8/1') }); history.replaceState
Js提交form表单
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>js提交表单</title> <script src="{cx

css文本超出以后隐藏，并且显示省略号。
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;文字超出隐藏显示省略号，超出隐藏等效果可以自行增减属性，达到不同的效果。
css文本超出以后换行显示
用：word-wrap: break-word 超出换行显示或者：text-align: justify;text-justify: newspaper;word-break: break-all;主流的浏览器都支持 word-wrap 属性。如图：
box-sizing 属性
box-sizing 最主要的用法是规定容器元素的最终尺寸计算方式。如果你创造了一个 <div> 没有设置 box-sizing 属性为 border-box(不设置的话默认值为 content-box.)，同时你设置 width:100px; border:10px solid red; padding:10px; 那么最终 div 容器的实际宽度为：100px(width)+2
@media 查询
使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用的。当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。例一：如果文档宽度小于 300 像素则修改背景颜色(background-color):@media screen and (max-width
div 如何防止图片太大被撑开
方法一：原始处理方法是将要展示的图片进行处理。比如你的DIV宽度为550px（像素），那你上传的图片或放入网页的图片宽度就要小于500px，也就是你图片需要图片软件剪切、等比例缩小方法处理后再上传、放入网页中解决撑破撑开DIV问题。常见很多大型图片站点、新闻站点都是将照片图片进行处理适应网页宽度情况下，进行图片编辑处理的。方法二：如果不处理照片方法适应DIV有限宽度，那可以对DIV设置隐藏超出内容

图片裁减
<img src="[content:pic size=140,140]" style="max-width:100%;">
引用js文件直接灵活调用表单
引用js文件【{cxcms:path}/custom.asp?action=showjs&formid=1&subtxt=提交信息】可以直接灵活调用表单
网网文证书添加方法
html里面添加链接：<a href="/label.asp?www_">某网文[2020]599X-203号</a>后台建立自定义标签：{label:www}
自定义数据表
{cxcms:dblist sql="select *from CxCms_TableContent1" whereContentStatus=1 order by AddTime desc" page="1" size="10"}sql语句查询是万能的，但是为了快速的查询，自定义数据表不用sql查询来写。用简化标签写：{cxcms:dblist table=CxCm
网站有多种不同的搜索结果页面。
简单搜索网站内容（全站共用一个搜索功能）<form action="search.asp" method="get"><input type="text" name="keys"><input type="submit" value="提交搜索"></form>传入一个name为“keys”的参数即可完成搜索，对应的模板文件是sear

video页面不弹出独立大窗口，在页面直接播放。
移动端视频在播放时会主动弹出页面，有的浏览器不会。直接加上下面三个属性即可，微信上是很ok的。<video x5-playsinline="" playsinline="" webkit-playsinline=""></video>根据自己需求去选择播放视频所需要的属性，基本上平时用到的就是下面的一些属性：<video src="https://hangz
html学习技巧和方法
html学习技巧：为了学习方便，对标签进行分类1.使用频率高的标签和属性，熟练掌握2.使用频率低，或有固定功能的标签和属性，仅做了解3.基本不用，或已废弃的标签和属性，不用学习4.通过标签分类，将需要重点学习的标签，缩减到30个以内html学习方法：1.零基础不用怕，只要认真听讲，练习，都学得会2.英语不好不用怕，html只是一个个单词，没有语法3.没有需要背诵的内容，很多代码都是自动生成4.练习
代码书写规范
<!DOCTYPE html> <html> <head><meta charset="UTF-8"/><title>某某教育</title></head><body>
元素，元素内容，元素属性
<!DOCTYPE html> <html> <head><meta charset="UTF-8"/><title>某某教育</title></head><body>
代码注释
<!DOCTYPE html> <html> <head><meta charset="UTF-8"/><title>某某教育</title></head><body>