html&&css学习中犯过的及其愚蠢的错误

本文详细解析了网页设计中常见的几个问题,包括布局、样式应用、元素嵌套、自定义列表样式、背景设置以及JavaScript编码错误等,提供了解决这些问题的方法和技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1. html && css在编写页面的时候,根据你最终想要的页面效果开始构思框架,由大及小,一层一层的细节化。小白最近在写页面的时候,急躁的性子又冒出来,从最小的细节开始入手,结果页面巨丑无比。

2. 在嵌套的标签里,每一个标签都有相对应的内边距(padding)和外边距(margin),小白最近经常忽略在更深层的嵌套标签里使用margin:0 和 padding:0,于是又出现了一个又一个巨丑的页面!

3. <dl><dt><dd></dd></dt></dl>在这个自定义列表中,若在dt中设定了border-bottom的值,若想要修改,不能在后代dd中,只能在dt级别,尤其是在涉及到复合选择器的时候,仍然是在dt级别!不能被复杂的表象迷惑住!

4. 设置页面背景颜色,或者页面背景图片用的是html文件中body这个标签!

2014-08-24补充:

5. 在使用div和css时,设置的div属性时的width 和 height 指的是真正的内容的长和宽,不包括div的内边距(padding)和外边距(margin),小白因为这个问题,在100*200的框框里设置一个div时,总是把握不好padding 和 margin 与真正的内容的之间的大小!

例如:

#div1{
height:300px;   //长度为300px
width:400px;   //宽度为400px
border:10px  black solid;
padding-left:15px;  //左内边距为15px,所以总的边框为:400 + 15 = 415 
background:#cccccc 0px 0px no-repeat;
}

<body>
	<div id="div1">
		<p>我最可爱我最可爱我最可爱我最可爱我最可爱v我最可爱我最可爱我最可爱我最可爱我最可爱我最可爱我最可爱我最可爱我最可爱</p>
	</div>
</body>
显示如下图:

2014-08-25补充:

6. 在javascript脚本编写的过程中,经常会漏掉单引号或者双引号,导致编译错误。如:window对象的常用方法open(),在使用时,window.open( ” 网页地址“ ,” 网页名称“ ,” 网页特征 “ )!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值