十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
写网页的时候CSS样式一般是先把没用的清楚掉的,比如自带的边框 margin padding等等,
创新互联建站专注于山海关网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供山海关营销型网站建设,山海关网站制作、山海关网页设计、山海关网站官网定制、成都微信小程序服务,打造山海关网络公司原创品牌,更为您提供山海关网站排名全网营销落地服务。
你需要把所有的标签基本都得清除一遍,不然后期写网页的时候有的小细节问题很难排查出来
取消CSS样式可以在 层或者表格代码中 找到类似class="" 或者 id="" 之类,将其删除即可。
或者在网页代码中找到 类似这样的代码
link href="css/css.css" rel="stylesheet" type="text/css" /
或者
style type="text/css"
.......
/style
将其删除即可。
删除多余的css,首先我们需要明确是,确实不需要这个css样式了,或者是这个css的样式重复了,我们才会去删除,删除的方法就是找到多余的css代码的位置,然后在选中用del删除就行了,具体看代码:
html
head
style
.div1{
width:600px;
height:200px;
font-size:13px;
border:1px solid #f00;
}
.div p{
font-size13px; //这条就是多余的,因为在它的父级元素中设置了,可以删除
}
/head
body
div class='div1'
p我是测试文字/p
/div
/body
/html
1./?font[^]* 这个只却掉font标签的, 保留除font以外的所有标签, 如imgp等等. 同样的你需要去掉其他标签, 只需要将里面的font换你要去掉的;
2./?[^/?(img)|(p)][^]* 这个保留(这里我写的保留了img, p这两个标签)你指定的标签,其他的(包括font)全去掉, 如果你还有其他的标签想保留, 直接在里面加一个 |(xxx);
3./?[a-zA-Z]+[^]* 这个表达式可以去掉所有HTML的标签;
4.JAVA代码可以这样写:
public static String delTagsFContent(String content){
String patternTag = "/?[a-zA-Z]+[^]*";
String patternBlank = "(^\\s*)|(\\s*$)";
return content.replaceAll(patternTag, "").replaceAll(patternBlank, "");
}
清除所有默认样式的css代码:
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
初始化代码(清除CSS代码):
ul,li{ padding:0;margin:0;list-style:none}
解析清除ul li样式代码:
相等于分别对ul和li设置padding:0;margin:0;list-style:none;
padding:0 —— 设置内补白(对象内间距)为0
margin:0 —— 设置对象外间距为0
list-style:none —— 去除自带无序圆点
HTML/javascript
引用外部文件中的js脚本,
script type="text/javascript" src="ext.js"/script也可以象下面这样写,language不是必要的,但是推荐上面的写法;
script language="javascript" type="text/javascript" src="ext.js"/script
页面内引用:
script type="text/javascript"//![CDATA[var x = 0;function fn(args) { //...} //]]/script加上“//![CDATA[” 和 “//]]”是为了兼容XHTML,是推荐的写法,HTML时代一般用“!--”和“//--”
在一些HTML控件的事件属性中使用(一般事件为onxxx,如onmouseover,onclick,onchange)
body onload="alert('loaded');"input type="text" name="username" onclick="alert(this.value);" /在一些HTML控件的非事件属性中使用(注意:一定要加javascript:)
a href="javascript:void(0);" onclick="alert(this.innerText);"my blog:;/a
在css中能够实现换行的代码有如下几个:
1、display:block; //将标签改成块元素,块元素是单独占一行的。
2、clear:both; //清除浮动实现换行。
3、white-space:break; //这个一般适用在英文文章中的折行。
可以根据上面的几个能实现换行的样式,只需要将对应标签的对应属性删除就可以了。