亲爱的朋友们,你们知道吗?想要让网页看起来更美观,我们得给每一部分添加标签,还需要使用许多CSS选择器进行选择。虽然这样会使得选择器变得比较复杂,但我想说,利用id、class和元素名创建CSS选择器其实更加方便,那这是为什么?下面就让我们一起探讨一下!
id和class在给html里的对象贴标签时,虽然都可以用,但是id必须是唯一的。比如你给某个东西取名叫AA,那整个页面就只能有这一个叫AA的东西。而class可不那样讲究,想要重复几个都行。如果你给某个物体上了个叫BB的class,再给另一个物体也加上BB,那这两个都会变得像BB了。
说实在的,网页上很多架构样式都不是独一无二滴(比如说那种老套的按钮样式之类的)。那咱就直接搞个通用的样式类,然后扔到所有要用这个样式的地方!这样子省事儿又实用,修改起来也不会太麻烦哟~
这里还有件事儿要跟你分享下,如果我们给某物起了个ID名字后,发现它长得不满意,想改变一下外观,只需在对应的CSS代码里面动手脚,或者使用神奇的!important语法来支配它。但如果这个物体被赋予了class也没关系,加上id标识,搭上带有元素id的CSS选择器,立刻就能让它焕然一新!
咱们能不用class就别用了呗,以后改来改去的还麻烦!不过要记住,class虽然好用,但也不是啥都能用的,有时候还是要用到id。
如果要用网页上的锚点链接跳转,就只能用ID了。啥?Class也行不行?可惜,它可以套用,但不能用于跳转
别担心label和input搭配问题!基本两招就能搞定!第一简单粗暴地就是给label加点for属性,记住input的ID号就行了;其次就直接把label阔出去套住相应的input就成了。这样看起来就明白得很喽!
怎么选?我来给你说说!感觉大多数元素和结构还是class好用,这样既能节约时间又能随意修改。但是有些特殊需求的地方,我们只能用id了。今天咱们就来唠叨一下网页设计里是用id好还是class好。听着好像很简单,做起来才知道还有这么多门道!记住咯,尽量多使点儿class,免得到时候要改来改去麻烦;可是某些情况下id也是少不了的。有啥疑问或者想法尽管说出来,留言互动等着你!别忘了点赞分享给更多小伙伴
评论0