关于前端我的第一篇博客

五月底开始学习前端,一点基础也没有,也不知道博客是一个什么。到现在已经二十多天了,在这些天里面,学习了很多东西,包括html的基础和css的基础等,刚开始写页面的时候很难,什么东西也不懂,很容易出错,也不知道怎么修改,不知道浏览器兼容的问题,布局有问题。到现在也是,感觉有很多自己不懂的东西,不过我会慢慢的去学习。在这些天里面有时候我不会了也是会去别人博客里面看看,说真的我是从里面学到了的。虽然我学习的时间比较短,不过我总结了几个点吧也算是给自己做一个提醒。

刚开始的时候最难的就是布局,布局我总结了一个方法,就是拿到一个网页的图片的时候,一定要准备的看到并划分好区域。一个大的div里面应该怎么去布局,把布局分出来,然后大的区域就直接分出来上中下也好上下也好,注释好了之后一个个都给一个div先区分好大的,再去区分小的。这样的话布局就不会去乱,会好很多。

然后对于浮动我也是纠结死了,终于弄清楚了该怎么去做这个浮动。

比如一个div里面有一个图片和一些文字。然后命了一个class的名。



然后在css不干预的情况下,由于p标签是一个块级元素,所以它就是这样排的,自己单独一排。如果需要把图片和p标签放在一起,那么就需要浮动,首先为了好看我给div设定了一个边框。我用的是outline。因为它不占像素,一般的话我是使用这个,然后对图片和文字分别设置一个浮动。一定是分别设置,有时候容易在这个地方混合。我放代码。

<style>
    .head{
        outline: 2px solid black;
    }
    .head img{
        float: left;
    }
    .head p{
        float: left;
    }
这样设置之后就成功了。


特别简单。其实很简答的东西总是容易弄的复杂,我就是这样的。慢慢来吧,这是我的第一篇博客,加油!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值