html常见小问题及解决方法

html常见小问题及解决方法,第1张

一、解决图像下方多出的3px问题

产生的原因主要是由图片的垂直对齐方式vertical-align引发的,默认对齐方式为base-line;

解决方案:

1、将图片的垂直对齐方式vertical-align更改为 bottom;

2、将图片display设置为block,并且指定width 和  height;

3、设置图片所在的容器元素的width和height与图片一样。

二、当hover效果加边框时移动的问题

解决方案:给原始状态加一个透明边框

三、浮动问题

问题:子级元素的浮动,为父层元素所带来的影响,如果一个元素的所有子级内容都是浮动的,那么它的高度会变成 0;

解决方案:

1、设置父容器高度

2、设置父元素的 overflow:hidden

3、在父元素中,增加一个空元素,添加clear:both

问题:如果上面元素浮动的话可能会影响下面的元素,这时候可以给下面的元素加上一个清除浮动:clear:both/left/right,或者在这个元素之前加一个空元素,清除浮动。

不需要记住的,一般这些太长了,很少又能记住的,直接用dreamweaver弄就好了。

你是不是就像做纯美工,如果是的话就不用对asp.net 有很深的的了解,大概的标签和属性知道一些就好了。接下来学习一下javascript和jquery很有必要的哦。

最好在了解一下新技术,heml5等。

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>实验三</title>

</head>

<body>

<form id="form1" name="form1" method="post" action="tijiao.asp">

<p>姓名:<input name="name" type="text">

<p>性别: <input name="sex" type="radio" value="male" checked>男

<input name="sex" type="radio" value="female" >女

<p>户籍:

<select name="city" size=1>

<option value="上海市">上海市</option>

<option value="北京市">北京市</option>

<option value="天津市">天津市</option>

</select>

<p>兴趣:

<ul>

<li><input name="love" type="checkbox" value="电脑" >电脑

<li><input name="love" type="checkbox" value="体育" >体育

<li><input name="love" type="checkbox" value="游戏" >游戏

<li><input name="love" type="checkbox" value="音乐" >音乐

<li><input name="love" type="checkbox" value="电影" >电影

</ul>

<p>留言:

<p>

<textarea name="memo" cols="60" rows="4"></textarea>

<p>

<input type="submit" value="提交" >

<input type="reset" value="清空" >

</form>

</body>

</html>

第二页面tijiao.asp代码如下:

<%

name=request("name")

if request("sex")="male" then

appellation="先生"

else appellation="小姐"

end if

city=request("city")

loves=request("love")

memo=request("memo")

memo=replace(memo,vbCrLf,"<br>")

%>

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" >

<title>实验三</title>

</head>

<body>

<font face="华文楷体" color="#990033" size=5>

<center><%=name&appellation&":欢迎您!"%><br>

<p>您是<%=city%>人<br>

</center>

<p>您喜欢的是:

<ul><%=loves%></ul>

<p>您的留言是:<br>

<%=memo%>

</font>

</body>

</html>

帮你改了下代码,以上代码测试可以运行。

问题出在 memo=replace(memo,vbCrLf,"<br>")

原先你的代码里的"逗号"是用中文输入法输入的,应该使用英文输入法里的"逗号"。

还有,<ul>里的<li>标签没有结束标签</li>。不过这个不会影响程序的运行。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/6303589.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-03-20
下一篇2023-03-20

发表评论

登录后才能评论

评论列表(0条)

    保存