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

最新推荐文章于 2024-06-03 14:14:18 发布

lansesl2008

最新推荐文章于 2024-06-03 14:14:18 发布

阅读量815

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML && CSS

本文链接：https://blog.youkuaiyun.com/lansesl2008/article/details/38689579

HTML && CSS 专栏收录该内容

3 篇文章

订阅专栏

本文详细解析了网页设计中常见的几个问题，包括布局、样式应用、元素嵌套、自定义列表样式、背景设置以及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( ” 网页地址“ ，” 网页名称“ ，” 网页特征 “ )!