初识HTML5

存在的问题:

一、当给标签或者盒子加入了css样式以后它没有生效原因有以下几种:

1.没有将外部的css文件和html文件没有连接起来或者link写错了位置 link需要写在head里面

2.link中的css路径位置写错了,没有选中文件

3.css文件中的类名和HTML文件中的类名不同

4.css文件中的父子名之间需要一个空格

二、在写网页顶部的时候,发现页面没有显示在网页的最顶端,上面有距离,或者明明css中设置的宽度为100%,左右两端却离页面有间距,css和HTML设置没有什么问题:

解决:因为你的页面没有初始化,需要加入京东或者淘宝的初始化设置 就是我们现在用的base.css文件。初始化所有的设置

三、在进行编辑网页时,有时候页面底部通过正常编辑无法实现预想中的效果,编辑的div(盒子)会跑去上边盒子内,与正文部分的内容重叠:

解决:实际上是你正文部分的父盒子没有实际高度或者不够,需要给正文部分的大盒子添加属性overflow: hidden,让其适应盒子内的正文的高度

四、在给页面某位置添加背景图片时会出现因为图片过大,无法展现自己预期想要展现的画面,比如说图片的左右部分不想要,但是它却显示出来了:

解决:直接在css里面添加图片并添加属性设置其为背景图片,再设置属性让其定位, background-position: bottom;

五、在布完局之后,css样式也加好的,检查所有东西都没有问题,却发现页面没有达到自己想要的效果,页面布局凌乱,头不是头,体不是体,尾不是尾,有点乱,在代码中检查不出问题:

解决:进入网页按f12查看源码,看看逐步看布局,是不是content的部分写在了header中,或者其他地方写进了上一个布局中,有时候马虎删掉了一个结尾符或者完全没写进在里面。这样检查明确又清晰。

六、在盒子的嵌套中,外盒子写好了,想让内盒子距离外盒子有点边距,使用margin-top并没有达到自己想要的效果,甚至说内盒子设置的边距却跑出了外盒子:

解决:这个时候可以换一种思路,既然设置外边距无法实现,那就给外盒子设置内边距使用padding
(margin其实可以实现的,但是我找不到解决办法,只要设置margin内盒子的边距就会莫名其妙的跑到外盒子的外面,高啊还有其他什么值都没有问题)

总结:对于这一周的练习,我的感触还是挺多的,虽然没有连接服务器,只是做静态的页面,但是对我一个新人来说,刚开始还是有点难度的,总会出现大大小小的问题,也是因为对基础知识的不熟悉,很多东西都需要去翻笔记,尽管说学的样式并不是很多。这些东西还是需要自己去多练习,练得多了,也就用的熟悉了。我的英文很差,最近自己也在学习,想走进IT里面对于英文程度要求还是不小的,不然自己想去网上找找解决办法看到全英文的注释都是懵逼的。基本功还是要好好练习的,打字速度啊,英语啊,每一天都要抽出点时间自己去学习。对于以后,不管知识学的到有多少,这些基本功我是不会落下的。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值