张大仙儿的博客

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

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

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

Js提交form表单
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>js提交表单</title> <script src="{cx
Js做下拉菜单的三种方法
方法三：<!DOCTYPE html><html><head><meta charset="utf-8"> <title>jquery教程</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"&#
this.className的使用，onMouseOver与onMouseOut事件处理器，分别代表鼠标移上去和鼠标移开时触发。
onMouseOver与onMouseOut事件处理器，分别对应为鼠标移上去和鼠标移开时触发。onMouseOver="this.className='parentOn'" 是鼠标移到该单元格上去时应用的css样式为“.parentOn”的样式onMouseOut="this.className='parent'" 是鼠标离开单元格后应用的css样式为“.parent”的样式如果你有源代码，在源代
网页自动跳转
不用301跳转，实现把 baidu.com 跳转到 www.baidu.com 例子：<head>{if:{cxcms:servername}}="https://baidu.com"<meta http-equiv="refresh" content="5;url=https://www.baidu.com/">{
js打开和关闭弹窗
示例：html代码：<div id="cover" class="cover" style="display:none;z-index: 2147483640; top: 0px; left: 0px; position: fixed; height: 100%; width: 100%; opacity: 0.5; background-color: rgb(0, 0, 0);">

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设置隐藏超出内容

引用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
产品详情页多图调用
产品详情页多图调用实现同一个产品可以有多张图来展示效果。代码：这里contentid=[id]，这里的[id]原来是[content:id]，系统升级后内容详情页去掉了content前缀。{cxcms:cimages count=5 contentid=[id]}<li{if:[cimag

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>