问答详情
源自:15-1 水平居中设置-行内元素

为什么?这两者有什么区别,还是说一定要那样规范的去写?

578f0f2b0001000505000501.jpg

578f0f2c0001207c05000521.jpg第一种写规范 第二种写法实在很对DIV里的所有  那么这两种都可以  还是说第二种有投机取巧的意思?


提问者:qq_长恨人心不如水_0 2016-07-20 13:45

个回答

  • silentcloud123
    2016-07-27 11:43:15

    两种写法都不规范。第一种“div.imgCenter”中“div”没必要写上,".imgCenter"更加简洁。

    第二种“.txtcenter”和“.imgcenter”中的第二个单词首字母应该大写,普遍采用“.txtCenter”“.imgCenter”的命名方式。

    当然你的写法也没错,只是不够规范。

  • 猫子0712
    2016-07-23 16:52:00

    第一种写法并不是规范额,按这个例子产生的效果而言,第二种更为规范一些。CSS的出现本身就是为了简化代码。假设你的一个网页里有10个div,那么如果你一个一个div逐个的去为它设置CSS样式,显然代码量会很大,假设10个div里的样式都是一样的,就可以直接使用标签选择器设置所有div的CSS样式,假设其中有些div的样式与其他的不一致,那么,可以给这些div加上class属性,然后用类选择器为这些div设置CSS样式,由于类选择器的权值高于标签选择器的权值,即使之前在标签选择器中统一设置过div的样式,也没关系,这些div最终会显示类选择器中设置的样式

    拿你上面的例子来说,如果你不需要图片居中显示,而是希望图片贴右边显示,可以将第一种写法的div.imgCenter{text-align:center;}这段代码改为div.imgCenter{text-align:right;},也可以将第二种写法加一段代码:div.imgCenter{text-align:right;}。这两种方法效果是一样的

  • 安静一点
    2016-07-21 15:22:53

    我觉得看你<div>里的内容看情况而定,如果盒子里内容还有其他标签的应用,那第一种单独指定比较好,如果内容比较少,那直接在<div>里指定更简单,总之,实现同样的效果当然代码越简洁越好

  • 你笑了嘿
    2016-07-20 14:11:52

    我觉得是看你的需要。第一种是可以对不同类选择器设置不同的样式,范围更小一些 比如 .txtcenter{text-align:center}   .imgcenter{text-align:right}  当你有不同需求的时候就要分开写;第二种就是对所有的div设置样式,设置的样式对所有div标签起作用  在这里你的这两种写法的作用是相同的,我觉得可以直接采用第二种