五月底开始学习前端,一点基础也没有,也不知道博客是一个什么。到现在已经二十多天了,在这些天里面,学习了很多东西,包括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; }这样设置之后就成功了。
特别简单。其实很简答的东西总是容易弄的复杂,我就是这样的。慢慢来吧,这是我的第一篇博客,加油!