首页 > 软件开发 > HTML >

CSS样式表要如何编写更简洁

来源:互联网 2023-03-16 19:17:10 版权归原作者所有,如有侵权,请联系我们

现在我们来看看,CSS样式表要如何编写更简洁。7MY办公区 - 实用经验教程分享!

工具/原料

  • HTML

方法/步骤

  • 1

    为了代码更加简洁,我们需要判断一个块元素是指定ID还是Class类。7MY办公区 - 实用经验教程分享!

    CSS样式表要如何编写更简洁7MY办公区 - 实用经验教程分享!

  • 2

    很明显,ID是唯一标识,而Class类时通用样式,所以原理不言而喻。7MY办公区 - 实用经验教程分享!

    CSS样式表要如何编写更简洁7MY办公区 - 实用经验教程分享!

  • 3

    此时我们就能在CSS中进行调用这些ID或者Class。7MY办公区 - 实用经验教程分享!

    CSS样式表要如何编写更简洁7MY办公区 - 实用经验教程分享!

  • 4

    命名时候要注意,尽量命名有一定的关联,例如外层ID为sys什么的,里面就可以明明为sysHead等等。7MY办公区 - 实用经验教程分享!

    CSS样式表要如何编写更简洁7MY办公区 - 实用经验教程分享!

  • 4本页面未经授权抓取自百度经验
  • 5

    虽然下面我们有设置到某个元素的ID,但是我们不建议全部写在一起。7MY办公区 - 实用经验教程分享!

    CSS样式表要如何编写更简洁7MY办公区 - 实用经验教程分享!

  • 6

    像这个左浮动的元素,尽量写在一起,尽管他下面还有其他样式。7MY办公区 - 实用经验教程分享!

    CSS样式表要如何编写更简洁7MY办公区 - 实用经验教程分享!

  • 注意事项

    • 不会使用的童鞋可以给我留言。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!7MY办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号