这段时间学习组学习总结下来的CSS常见问题与解答,希望小伙伴们有用。 本帖持续更新,对CSS还有其他问题的小伙伴欢迎回帖提问, 我会及时解答。也可以私聊我:1668935070 1、a 链接跳转问题。a链接跳转后,点击一个,所有超链接都变颜色 解答:原因跳转后的页面HREF="#" 均为同一个
2、background-image。设置background-image 设置背景图片后,无效果 解答:background-image 设置图片后 不能加no-repeat,因为是连写,无法正常显示
3、安装谷歌浏览器时总出现错误代码 0x80004002 解答:在开机时候按F8,安全模式下安装谷歌。
4、内边距特殊性 解答:在块级元素中,如果子元素没有设置宽度,那么给该子元素设置的padding值在父元素的宽度范围内,是不会影响该子元素的大小。
5、用CLEARFIX清除浮动不起作用 解答:是需要加伪类 .clearfix:after 好多学生忘记加:after
6、a标签默认有个间距 解答:当给a标签设置字号时,以继承的方式设置字号,不要直接设置字号,就不会有此问题
7、背景图和背景颜色。当设置背景图和背景颜色时为什么背景颜色不显示 解答:因为背景图片盖住背景色了,当背景图片小于盒子的宽高时,多余的部分背景色即可显示
8、如何清除浮动?在父盒子里面的子盒子不能浮动 解答:清除浮动,在css文件中编写clearfix,然后在需要清除的盒子中,进行引用 9、盒子怎么才能顶格?盒子离浏览器边缘有一定间距,如何消除? 解答:在css文件中设置*{margin=0,padding=0}
10、如何将多个相同的功能封装?多个组件有一样的功能,怎么才能抽取出来 解答:编写一个类选择器,然后让多个盒子一起使用。
11、如何让子盒子在父盒子中居中? 解答:标准流和脱标流的居中,标准流使用margin:0 auto;脱标流使用子盒子走父盒子宽度的一半再往回走自己宽度的一半 12、CSS文件不能引用?编写了CSS文件,却不能使用 将CSS文件和html文件放到电脑的同一个位置,再次运行
13、button设置高度border问题。button设置border后,高度不变 解答:button设置border后,自身高度不变,button特性
14、margin:0auto; text-aglin:center的区别 解答:margin:0 auto;是给DIV 容器等设置居中text-aglin:center是让盒子里的内容居中
HTML常见问题解答:
http://bbs.itheima.com/forum.php?mod=viewthread&tid=337366
前端学习组二期直播贴(学习资源、学习笔记):
http://bbs.itheima.com/forum.php?mod=viewthread&tid=336727
|