A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

这段时间学习组学习总结下来的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

1 个回复

倒序浏览
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马