首先说一下我做这个网页遇到的问题
一：盒子塌陷：
父元素未设置高度，此时父元素的高度取决于元素的高度，当子元素设置浮动后，会脱离文档流，造成子元素的内容在父元素外出现
脱离文档流：在html中块级元素一个一排自上往下堆放，行内元素自左往右堆放，而脱离文档流就是不遵循这套表尊，元素与元素之间开始堆叠
解决方法：
1 给父元素设置高度，设置的高度要大于等于子元素
2.给父元素中使用after清除浮动（最常用）
二：图片重叠：
子绝父相，且子盒子需要有具体的数值设置
三：字体粗细以及间距的设置
四：鼠标点击样式
五：伪类选择器使用时中间不能含有空格，否则不起作用
六：如何设置文本与下划线之间的距离
{ text-underline-offset ：5px；}
七：如何选中第一个li nth-child（1）
八：如何设置边框的大小：
给文字设置内边距：
设置中文字符间距：letter-spacing：数值px
英文字符间距：word-spacing：数值px
这些问题有的可能很简单，就是一些很简单的知识点，只是一开始学了就忘，刚好在做网页的时候又复习了一遍，现在感觉当时停下来看视频先做网页是个非常正确的决定，因为如果看视频看到现在，绝对不会有做网页学的多，接下来开始我的第二个网页了，明显能感觉到比做第一个网页熟练的多，也开始在学会自己解决大多数的bug
网友评论