HTML + CSS 的一些技巧 (萌新来看!)

4 篇文章 0 订阅
1 篇文章 0 订阅

马上要学习PythonWeb,所以复习了一下以前的前端内容,又有了新的感悟,于是总结了一下写静态页面的技巧!

1. Html 代码

在写Html代码的时候一定要分块写,把内容分成一块一块的例如这样:

在这里插入图片描述

以上是CSDN的首页一部分,可以看出整体可分为两个部分,所以在写代码的时候要先完成上面的部分,然后记住:一定要结尾! 不然容易产生难以预料的影响!
何为结尾? 这里的结尾意思是一定要把一个块独立出来,让他不影响下面的内容。
如果设置了float 就一定要清除,如果有绝对定位就要设置相对定位,千万不要忘记了,不然出问题了找就很麻烦

在写代码的时候一定要进行注释,一定要!!! 不然之后你都不知道要干嘛!

在写Html的时候,一定要注意结构,因为Html是整个页面的骨,古打架好了页面才会正常,不然骨偏了,内容肯定会奇形怪状!

你要做好准备,有些代码的思路才能完成代码,我刚开始写的时候就不注意,结果错误都找不到,往往错了整个页面就废了!

2. Css代码

在写Css 代码的时候一定要注意选择器的迭代使用
如果你是一个老码农那么你的Css应该是这样的:

在这里插入图片描述

是不是很舒服?
这样也不会出现因为选择器冲突的原因而出错,要知道这种错误虽然好找但是很难解决!
所以啊养成一定的代码习惯才能更好地完成项目!

感谢观看,我是墨码! 喜欢请三连!

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值