如何命名css便于定位(css定位怎么用)

如何命名css便于定位,css定位怎么用

内容导航：

如何命名CSS文件及样式规范更利于SEO优化

李叫兽打动用户值10万对的定位值1亿

CSS里面的通用命名是哪些

如何在抖音里面添加自己的店铺定位

一、如何命名CSS文件及样式规范更利于SEO优化

坚持使用统一的CSS命名规则并养成习惯，可以让你更容易维护、修改以前编写过的CSS代码，进而提高自己的工作效率，而且还能加强搜索引擎的SEO优化，方便记忆，那么，我们如何才能将CSS的命名做得井井有条呢？1、CSS文件及样式命名首先，先为大家展示一些CSS文件及样式的命名样例，因为这些名称能使大家立马明白定义的文件，具体如下所示：（1）、CSS文件命名规范全局样式：框架布局：字体样式：链接样式：打印样式：主要的：专栏：主题：（2）、CSS样式命名规范对于CSS样式的命名规则，建议用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数字，为了开发后样式名管理方便，大家请用有意义的单词或缩写组合来命名，让同事一看就明白这样式大概是哪一块的，这样就节省了查找样式的时间。例如：头部样式用header，头部左边，可以用header_left或header_l，还有如果是列结构的可以这样——box_1of3
(三列中的第一列)，box_2of3 (三列中的第二列)、box_3of3
(三列中的第三列)，其它的我就不一一举例了，大家按以上规律去命名就好。下面列出一些常用的命名单词方便大家使用（以后大家工作过程中慢慢把自己积累的单词都共享出来，那大家的命就会更加统一了，就不会有一义多词的情况了）：容器：container/box头部：header主导航：mainNav子导航：subNav顶导航：topNav边导航：sidebar左导航：leftsideBar右导航:rightsideBar网站标志：logo大广告：banner页面中部：mainBody整个页面：content底部：footer菜单：menu菜单内容：menuContent子菜单：subMenu子菜单内容：subMenuContent搜索：search搜索关键字：keyword搜索范围：range标签文字：tagTitle标签内容：tagContent当前标签：tagCurrent/currentTag标题：title内容：content列表：list当前位置：currentPath侧边栏：sidebar图标：icon注释：note登录：login注册：register面包屑：breadCrumb(即页面所处位置导航提示)列定义：column_1of3
(三列中的第一列)、column_2of3 (三列中的第二列)、column_3of3 (三列中的第三列)2、CSS的优先级行内样式(inline
style) > ID选择符 > 样式(class)、伪类(pseudo-class)和属性(attribute)选择符 >
类别(type)，伪对象(pseudo-element)。博客注解：*内联样式(inline style)：元素的style属性，比如

，其中的color:red;就是行内样式。ID选择符：元素的id属性，比如可以用ID选择符#content伪类(pseudo-
class)：最常见的是锚(a)伪类，比如a:link,a:visited.属性选择符(attribute
selectors)：比如div[class=demo],含有class为demo的div元素。类别选择器(type
selector)：HTML标签选择，比如div .demo,div元素下含有class为demo的元素。伪对象选择器(pseudo-element
selector)：比如div:first-
letter,div元素下的第一个单词。3、默认值通常padding和margin的默认值为0，background-
color的默认值是transparent，但是在不同的浏览器默认值可能不同。如果怕有冲突，可以在样式表一开始就先定义所有元素的margin和padding值都为0，例如：
{ padding:0; margin:0 }或者是针对某元素来定义：ul,li,div,span { padding:0; margin:0
}4、不要重复定义可继承的值CSS中，子元素自动继承父元素的属性值，象颜色、字体等，已经在父元素中定义过的，在子元素中可以直接继承，不需要重复定义。除非是为了更变当前元素样式不使用父元素的属性值，但是要注意，浏览器可能用一些默认值覆盖你的定义。5、CSS代码书写样式在写CSS代码的时候，对于缩进、断行、空格，每个人有每个人的书写习惯，在经过不断实践后，我决定采用下面这样的书写样式：.classname
{ width:100px;
}当使用联合定义时，我通常将每个选择器单独写一行，这样方便在CSS文件中找到它们，在最后一个选择器和大括号之间加一个空格，每个定义也单独写一行，分号直接在属性值后，不要加空格。我习惯在每个属性值后面都加分号，虽然规则上允许最后一个属性值后面可以不写分号，但是如果你要加新样式时容易忘记补上分号而产生错误，所以还是都加比较好，最后，关闭的大括号单独写一行，这样的空格和换行有助与阅读6、使用css缩写使用缩写可以帮助减少你CSS文件的大小，更加容易阅读，常用的css缩写的主要规则有：（1）、颜色16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：#可以缩写为#000;#可以缩写为#369;（2）、盒尺寸通常有下面四种书写方法:property:value1;
表示所有边都是一个值value1property:value1 value2;
表示top和bottom的值是value1,right和left的值是value2property:value1 value2 value3;
表示top的值是value1，right和left的值是value2，bottom的值是value3property:value1 value2
value3 value4;
四个值依次表示top,right,bottom,left方便的记忆方法是顺时针，上右下左，具体应用在margin和padding的例子如下：margin:1em
0 2em 0.5em;（3）、边框(border)边框的属性如下：border-width:1px; border-style:solid;
border-color:#000;可以缩写为一句：border:1px solid #000;语法是：border:width style
color;（4）、背景(Backgrounds)背景的属性如下：background-color:#f00; background-
image:url(); background-repeat:no-repeat; background-attachment:fixed;
background-position:0 0;可以缩写为一句：background:#f00 url() no-repeat fixed 0
0;语法是：background:color image repeat attachment
position;你可以省略其中一个或多个属性值，如果省略，该属性值将用浏览器默认值，默认值为：color: transparent image: none
repeat: repeat attachment: scroll position: 0% 0%（5）、字体(fonts)字体的属性如下：font-
style:italic; font-variant:small-caps; font-weight:bold; font-size:1em; line-
height:140%; font-family:”Lucida Grande”,sans-serif;可以缩写为一句：font:italic small-
caps bold 1em/140% “Lucida Grande”,sans-serif;提示：如果你缩写字体定义，至少要定义font-
size和font-family两个值。（6）、列表(lists)取消默认的圆点和序号可以这样写list-
style:none;list的属性如下:list-style-type:square; list-style-position:inside; list-
style-image:url();可以缩写为一句：list-style:square inside
url();7、多重CSS样式定义，属性追加重复最后优先原则一个标签可以同时定义多个class，也可以是同一个class中重复定义属性，例如：我们先定义两个样式：.one{width:200px;background:url(/)
no-repeat left top;}.two{border:10px solid #000; background:url(/) no-repeat
left top;}在页面代码中，我们可以这样调用:

这样最终的显示效果是这个div样式是什么呢？重复的是以哪一个为准呢？

应用到的样式如下：width:200px; border:10px solid #000; background:url(/) no-repeat left
top;因为，当应用两个或多个样式时，浏览器所应用的样式根据是属性追加重复最后优先原则。就是说两个或多个或重复的样式名定义，浏览器所应用的样式是按先后顺序的，如果定义了重复的属性值，以最后定义的为准，如果应用了两个或多个样式名，里面不重复定义的属性值就追加上去，重复的属性值就以最后一个为准。这里要注意的是，样式的先后不是根据页面上应用的名字顺序，而是样式表里的样式顺序。8、导入(Import)和隐藏CSS因为老版本浏览器不支持CSS，一个通常的做法是使用@import技巧来把CSS隐藏起来，例如：@import
url();然而，这个方法对IE4不起作用，这让我很是头疼了一阵子，后来我用这样的写法：@import
;这样就可以在IE中也隐藏CSS了，呵呵，还节省了5个字节呢！9、CSS
hack有些时候，你需要对IE浏览器的bug定义一些特别的规则，这里有太多的CSS技巧(hacks)，我只使用其中的两种方法，不管微软在即将发布的IE版里是否更好的支持CSS，这两种方法都是最安全的。（1）、注释的方法a、在IE中隐藏一个CSS定义，你可以使用子选择器(child
selector):html>body p { }b、下面这个写法只有IE浏览器可以理解(对其他浏览器都隐藏) html p {
}c、还有些时候，你希望IE/Win有效而IE/Mac隐藏，你可以使用反斜线技巧： html p { declarations
}d、下面这个写法只有IE7浏览器可以理解(对其他浏览器都隐藏)+ html p { }（2）、条件注释(conditional
comments)的方法另外一种方法，我认为比CSS
Hacks更加经得起考验就是采用微软的私有属性条件注释，用这个方法你可以给IE单独定义一些样式，而不影响主样式表的定义，就像这样：还有更多的CSS
hack大家可以通过网上找找，但是有很多hack都是不符合w3c标准的，根据以上的hack写了一个能区分IE6、IE7、FF的样式，而且可以符合w3c标准，代码如下：.classname
{width:90px!important;width:100px;} +html .classname
{width:95px!important;}这样写后在IE6下宽是100px，IE7下是95px，火狐下是90px。10、明确定义单位，除非值为0忘记定义尺寸的单位是CSS新手普遍的错误，在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单位，比如：width:100px
width:100em。只有两个例外情况可以不定义单位：行高和0值，除此以外，其他值都必须紧跟单位，注意，不要在数值和单位之间加空格。11、区分大小写当在XHTML中使用CSS，CSS里定义的元素名称是区分大小写的，为了避免这种错误，建议大家将所有的定义名称都采用小写。class和id的值在HTML和XHTML中也是区分大小写的，如果你一定要大小写混合写，请仔细确认你在CSS的定义和XHTML里的标签是一致的。12、id和class的使用及区别我们知道在样式表定义一个样式的时候，可以定义id，也可以定义class，例如：ID方法：#test{color:#}，在页面中调用

内容

CLASS方法：.test{color:#}，在页面中调用

内容

一般来说，id是一个页面只可以使用一次，class是可以多次引用的。可我在页面中用了多个相同id在IE中显示也正常，id和class好象没什么区别，用多个相同id有什么影响吗？页面存在多个相同的ID影响就是不能通过W3的校验，在页面显示上，目前的浏览器还都允许你犯这个错误，用多个相同ID“一般情况下”也能正常显示，但是当你需要用JavaScript通过id来控制这个div，那就会出现错误。id是一个标签，用于区分不同的结构和内容，就象你的名字，如果一个屋子有2个人同名，就会出现混淆。class是一个样式，可以套在任何结构和内容上，就象一件衣服。从概念上来说：id是先找到结构/内容，再给它定义样式；class是先定义好一种样式，再套给多个结构/内容。对此，建议大家在写XHML+CSS时如果是维一的结构定位的就用id，否则就用class吧（这样让出非结构定位的div块的id让程序员自己定义使用）！13、取消class和id前的元素限定当你写给一个元素定义class或者id，你可以省略前面的元素限定，因为ID在一个页面里是唯一的，class可以在页面中多次使用，在看来，你限定某个元素是毫无意义的，例如：div#id1{}可以写成#id1{}这样可以节省一些字节。14、使用子选择器(descendant
selectors)使用子选择器是影响他们效率的原因之一，子选择器可以帮助你节约大量的class定义，我们来看下面这段代码：

• SEO
  

• SEO
• SEO

这段代码的CSS定义是：div#subnav ul { } div#subnav ul m { } div#subnav ul m m { }
div#subnav ul mselected { } div#subnav ul mselected mselected {
}你可以用下面的方法替代上面的代码：

• SEO
• SEO
• SEO

样式定义是：#subnav { } #subnav li { } #subnav a { } #subnav .sel { } #subnav .sel a
{
}用子选择器可以使你的代码和CSS更加简洁、更加容易阅读。如果一个容器里有多个同样的元素，而且这些元素样式都不一样，请避免用这个方式，建以大家可以采用不同的class如：

15、不需要给背景图片路径加引号为了节省字节，建议不要给背景图片路径加引号，因为引号不是必须的，例如：background-image:url(images
margin:0 auto; }但是IE5/Win不能正确显示这个定义，我们采用一个非常有用的技巧来解决：用text-align属性，就像这样：body {
text-align:center; } #wrap { width:760px; margin:0 auto; text-align:left;
}第一个body的text-align:center;规则定义IE5/Win中body的所有元素居中(其他浏览器只是将文字居中) ，第二个text-
align:left;是将#warp中的文字居左。16、层占据的空间当调试CSS发生错误，你就要像排版工人，逐行分析CSS代码，我通常在出问题的层上定义一个背景颜色，这样就能很明显看到层占据多大空间？有些人建议用border，一般情况也是可以的，但问题是，有时候border会增加元素的尺寸，border-
top和boeder-bottom破坏纵向margin的值，所以使用background更加安全些（更多的介绍，

二、李叫兽打动用户值10万对的定位值1亿

编者按：本文来自微信公众号“笔记侠”（ID：Notesman），作者 李叫兽。
36氪经授权转载。

最经常听到的回答是：

要感动我们的用户；要让我们的品牌更有温度；要让用户和品牌建立更深层次的情感联系。

但这其实是形象包装，而不是品牌策略。

因为品牌策略的本质，并不是提升形象，感动用户，而是在用户心智中，针对竞争对手确定有利位置。

一、不要用战术上的勤奋掩盖战略上的懒惰

重战术，轻战略，是很多人在营销上经常犯的错误。

具体的表现在于：

迷恋形象包装，认为营销就是包装形象、促进传播，花费大量精力纠结于小细节，但是却对大战略（比如定位）不够重视。

之前跟朋友聊到手机行业的营销，有人问到：

哪个手机公司营销做得最好？

大部分人认为锤子手机的营销是最好的。

每次公关都是有力回击，每次文案都被疯狂转发，每次发布会都引来社会关注，还有大量的宗教信徒般忠诚的粉丝——这在国内几乎没有什么公司可以比肩。

但显而易见的一个现实是：锤子手机并没有多少人买。

我们知道，衡量营销能力最重要的方式，就是看它创造并保留顾客的能力。

锤子手机创造并保留顾客的能力并不高，为什么大家认为他营销做得好？仅仅因为每次公关战、文案战的胜出吗？

这让我想起了我喜欢的美剧《权力的游戏》第二季中，斯塔克家族的Rob说的：

“I won every battle, but I am losing the war.”（我赢得了所有的战斗，但是我即将在整个战争中失败。
）

这就是有小聪明没有大战略的典型（虽然我个人非常喜欢Rob这个角色）。

在手机行业，我认为营销做得最好的是华为，虽然华为的文案写作、公关反应、发布会等都差了锤子不是一点半点，但华为在整个营销战略上，打了一个漂亮的侧翼战。

本来国产手机第一是小米，在用户心智中的优势是“高性价比”，这个时候试图在性价比上超越小米是不可能的：

即使你的产品性价比是小米2倍，但因为小米已经牢牢占据这个定位，你怎么喊也没用。

而最应该做的，是寻找小米最大优势中固有的劣势。

那性价比这个优势暗含着什么劣势？自然是：

给人感觉很屌丝和低端。

所以华为通过Mate8等机型的上市，主打高端定位，一举占领市场。

在军事中，真正能够赢得战争的军队，往往是占据了有利位置，然后让敌人不得不以劣势进行进攻，而不是单纯计较一城一兵的得失。

在营销中也是这样，真正赢得市场的公司，往往是在用户心智中占据了有利定位，而不是单纯去计较某句话有没有打动消费者。

任何的形象包装，只有在定位正确的前提下才有意义。

否则，片面地追求形象包装和感动消费者，最终的结果必然是只感动自我，而这是典型的“有小聪明，没有大战略”的行为。

二、没有找到关键竞争对手，只能为对手招徕用户

以“形象包装”来替代营销战略的问题在于：

没有找到关键的竞争对手，凭借一腔热血去呼吁消费者，但是根本不知道自己到底要针对什么。

之前李叫兽看到一个小旅行社写的传播文案，希望李叫兽帮忙诊断一下，文案大体是这样：

忙绿的城市充斥着车水马龙的喧嚣之音。

一成不变的生活，是否需要新鲜的血液。

你太辛苦，是否该让自己放松放松？

去旅行吧！你会发现新的自己！

——XX旅行社

先无视这个文案在写作上的问题（比如没有顺应认知），单纯在策略上，就是完全不及格的：

根本没有找到竞争对手是谁，就想通过打动消费者来营销。

那我们假设一种最理想的情况，你的文案写得特别好，真的打动了消费者，接着会发生什么呢？

假设我是一个处在生活高压中的普通白领，刚被领导骂了一顿，看了这个文案，感觉简直写到我心里去了。

是啊！我整天这么忙这么累，它说的对，我真的应该去旅行啊！

想着想着，他就下定了决心。
掏出手机，打开去哪儿，选定了目的地，直接把票买了。

恩，就要来一场说走就走的旅行！

等等！这个时候你会发现一个问题：

按理说这个文案很感动人，但整个过程中，写文案的那个“XX旅行社”去哪了？怎么故事的后半部分没有我们伟大的广告主啊！

为什么感动了消费者，但最后没有买我的？

这当然很正常！

为什么呢？

因为文案作者脑中装的都是“如何打动用户”，而忘记了先找到“竞争对手”。

在这个文案中，作者定位的竞争对手显然是用户不去旅游的习惯，并且希望通过文案让更多的消费者选择去旅行而不是待在办公室，从而击败“用户不去旅游的习惯”这个对手。

但这是你真正的对手吗？

必然不是。

因为你并不是旅游行业的行业第一，也不是大多数人去旅行的第一选择，这个时候你真正的竞争对手是其他旅游公司。

你需要提供的是一个“为什么要选你而不是选别人的理由”，而不是一个“为什么要去旅行而不是待在办公室的理由”。

而想刺激更多人去旅游的后果就是，这些用户会直接参照过去的行为习惯（比如用去哪儿直接订票），就没你什么事儿了。

所以，广告人不能拿起笔来就想着怎么打动用户感动用户，应该先找找：

① 我们现在关键的竞争对手到底是什么？

② 我想让用户放弃什么来选择我？

否则即使打动了也没有用。

三、在用户心智占据有利位置，传达有效定位信息

单纯的形象包装还有一个问题是：往往只是让你的品牌看起来更加有温度，但是并没有在用户心智中确定一个有利位置。

在几年前的杯装奶茶大战中，市场上两大巨头是优乐美和香飘飘，他们采取了完全不一样的策略。

优乐美主打“你是我的优乐美”，拍了非常感人的广告，打动无数人的少女心，如果当时也有微信朋友圈的话，也一定能刷爆朋友圈。

而香飘飘就主打“绕地球XX圈”，看起来很恶俗，也打动不了什么人。

但结果是香飘飘在大战中胜利，而优乐美却一蹶不振。

“你是我的优乐美啊”，表面上感动了很多人，但实际上没有有效传达任何“定位信息”（即使有的话，可能也只是轻微地暗示了“恋人专用”这种定位）。

而香飘飘的“销量绕地球XX圈”，传达了“我是行业第一”这个有效定位，让用户清晰地了解了它到底处在什么位置，然后大量的人就通过从众效应自然购买了。

广告宣传的重要目的，是让潜在用户明确知道你想填补什么位置，而不是宣传该产品到底有什么好处。

成功与否的重要标准，也并不是看广告是否引人注目、让人兴奋或者感动所有人，而是看是否在潜在用户心中牢牢占据了你想占据的有利位置。

哦，原来香飘飘是行业第一。

哦，原来神州专车主打安全。

哦，原来华为Mate系是国产高端机！

很多人觉得某个定位很打动我自己，所以就选择它当做品牌slogan，殊不知能打动你和消费者的话多了去了。

比如我之前遇到一个电商APP的公司，卖高端生活品，slogan大致是“不跟随，做自己”，创始团队觉得特别打动自己，同时也有很多用户反应的确很喜欢这句话。

但是你和你的用户都喜欢，并不代表它可以成为slogan——

定位语的目的是有效传达定位信息，而不是让大家感动。

如果说双方都喜欢就行的话，那我建议直接把这句话换成高晓松的：

生活不止眼前的苟且，还有诗和远方。

然后你再进行一轮问卷测试，可能会发现：

这次，你的团队和消费者，可能都更加容易被高晓松这句话打动！

如果这样打动就行，我们也不需要学习战略定位和品牌营销，只需要不断在歌词里找灵感就行了。

这当然是不行的，因为这些诗句并没有说明你为什么会比竞争对手更能打动消费者，也没有给消费者一个选择你而不选择竞争对手的理由。

所以，单纯品牌形象包装的问题就在这里：没有传达位置信息。

四、按照“你的产品，如何满足用户需求”来定义市场

单纯品牌形象包装还有问题在于：他们喜欢按照自己的标准来划分市场。

在大量的品牌策划书、品牌白皮书、品牌战略提案中，我见过的最多的一句话就是：

我们定位城市新中产阶 级。

类似的表达还有：

我们定位25-40岁的城市新白领。

我们定位70-80后的城市中产。

（话说“城市新中产”这个群体到底招谁惹谁了，被这么多公司定位？）

至于为什么一定是定位这个群体，为什么要采取群体划分的定位而不是情境划分的定位等，就回答不上来了。

我之前写文章讲过，应该按照“你的产品如何满足用户需求”来定义市场，而不是单纯用自己的标准来假想一个市场。

比如奶昔定位成“帮早上开车上班的人，单手解决早餐”这个市场。

我之前遇到一个做职场社交的公司，说要做河南省最大的职场社交软件。

这存在什么问题？

这个问题就是：这完全是按照自己的标准假设划分的市场，而不是按照消费者的标准划分的。

用户在用职场社交软件的时候，会区分这个软件是哪个省份的吗？

除非河南省社交习惯和其他省份出现巨大差异，或者河南省建了互联网防火墙，禁止外省软件，否则这个市场的划分毫无意义。

这就像一个学生说自己是“清华穿44码鞋的学生当中，成绩最好的”一样，几乎毫无意义。
因为这是按照学生自己的标准，而不是企业用人单位的标准划分的。

所以，传统“品牌形象包装术”的问题就是：经常是先按照自己标准假定一个群体，然后在这个群体内寻找consumer
insight（用户洞察），而这样往往是无效的。

五、根据相对复杂的，筛选条件最终进行选择

单纯的“形象包装术”经常认为只要感动了消费者，用户就会购买，过于迷信单一的手段。

所以我们看到大量的广告提案，都倡导“主打感情牌”、“产生共鸣感”，不论是回忆起恋人之间的点点滴滴，还是远在异乡的儿子表现对爸妈的思念，还是老婆支持丈夫的梦想……

体现在各种slogan上，就充斥着：

让爱发生，让温馨永远相伴，为梦想而生，心无间爱无限，不跟随、做自己等各种感动表达。

但是实际上，“感动”、“打动”并不是产生购买的必要条件，更不是一个slogan一定要解决的问题。

为什么？

众多关于广告的研究发现：在享乐品、用户思考程度低以及产品代表某种关系时，情感类广告会产生较好的劝服效果。

比如蒂芙尼的钻戒，代表了关系，也是享乐品，打情感感动的诉求，非常适合。

而在强调功能的使用产品、用户思考程度高而且与人际关系无关时，情感类广告产生的效果非常差，远远不如理智诉求的广告。

比如给房间配把锁，“更多人选择的家用锁品牌”这类信息，远远比“爱家人，就要守护她”有效得多。

实际上，到底是否应该打感动牌，是在确定了品牌定位后，根据相对复杂的筛选条件最终进行选择的结果，而不是拿到一个新产品，立马就要开始构思怎么感动消费者。

并不是所有的消费者都需要被感动。

六、拉近品牌心理距离，获得品牌忠诚

下面这些问题，我想很多人已经开始意识到了：

用户每天都在使用我的产品，粘性也很高，但似乎对我毫不关心。

几亿人每天都在用中国移动的产品，但好像不论中国移动怎么包装，大家都不关心它；

月流水几千万的一家淘宝店，它的大部分用户也从来不关心店主是男是女，甚至都不记得这家店的名字；

绝大部分人每天都在用百度等搜索引擎，但好像也仅仅是“使用”而已，对它并没有什么“感觉”。

这是因为在这些用户的眼里，你的产品仅仅是一个工具——就像水、电和煤气一样，大家都在用，也确实离不开，但就是丝毫不关心。

这个时候，我们会说：这个产品，仅仅有“产品忠诚”，而没有“品牌忠诚”。

用户的持续使用，仅仅是因为切换产品不习惯或替代选择少，而不是因为对你品牌的认同。

然而，有的品牌却不是这样。
比如即使从来不用苹果产品的一些人，也会经常关注苹果的新闻、发布会甚至它的广告。

那么怎么解决呢？如何让你的产品在用户眼中不仅仅是个工具，而是拉近品牌心理距离，进而获得品牌忠诚？

这方面众说纷纭，每个专家都有一套理论，但所有的理论都要回归一个基本的“做事”原则：如果你想让别人做某件事，就必须先给他们提供价值。

比如公众号作者想要用户转发自己的内容，首先就要提供有趣的文章作为价值。

同样的道理放在品牌建设方面，也是一样。

如果把产品和品牌分开，那么：

用户持续使用你的产品本身，是因为你的产品本身为他提供了价值。

比如百度提供了便利搜索的价值，所以即使品牌有问题，大家还是继续用。

用户没有关心你的品牌，是因为你的品牌并没有给他们提供价值。

对于我这样一个中国移动的普通用户来说，它的产品本身的确给我提供了非常大的价值（比如让我随时随地可以上网），但是其品牌却没有给我提供价值（比如我并没有在看到中国移动几个字的时候产生自信的感觉）。

也就是说，中国移动给我提供的，仅仅是产品的有形价值，而不是品牌带来的无形价值。

顾客选择购买品牌的产品，归根结底是因为你创造的顾客价值，大于顾客付出的成本。

用经济学术语表达，就是顾客购买的产品获得了消费者盈余，如果顾客意识到购买你的产品会得不偿失，交易就不会发生，这是不证自明的公理，是必须接受的人性基本假设。

那么，企业应该如何制定真正的品牌战略？品牌应该如何给用户提供价值？

天图投资CEO冯卫东在他的《升级定位24讲》中给出了答案，他独创了顾客价值配方，很充分地解释了品牌价值和顾客价值的构成。

顾客价值是如何构成的呢？

首先，产品的价值必然是顾客价值的构成部分。

顾客价值=产品价值+品牌价值

这个公式从经济学角度看，就是产品价值创造和交易费用节约。

产品价值=内在价值+外在价值

指引着企业去生产高价值的产品。

品牌价值=保障价值+彰显价值

则指引着企业通过品牌去降低各种交易费用。

其中，保障价值降低了企业和顾客之间的交易费用，通过降低顾客决策成本获得顾客的优先选择，并且通过这种优先选择集中更多顾客，获得规模经济效益并进一步促进专业分工效益。

而彰显价值则降低了顾客和他人交往的信息费用。

因为顾客通过他使用的品牌向其他人有效传递了个人信息，从而降低了信息费用。
比如要向他人传递自己的财富信息，总不能时刻把存折掏出来作证吧，通过消费某些品牌，就能有效的传递财富信息。

由于全球化分工，交易费用在全球化经济中占总成本比例越来越高，而品牌作为降低交易费用的重要手段，也越来越重要。

三、CSS里面的通用命名是哪些

答：1.样式命名外套：wrap主导航：mainnav子导航：subnav页脚：footer整个页面：content页眉：header页脚：footer商标：label标题：title主导航：mainbav（globalnav）顶导航：topnav边导航：sidebar左导航：leftsidebar右导航：rightsidebar旗志：logo标语：banner菜单内容1：menu1content菜单容量：menucontainer子菜单：submenu边导航图标：sidebarIcon注释：note面包屑：breadcrumb(即页面所处位置导航提示）容器：container内容：content搜索：search登陆：Login功能区：shop(如购物车，收银台)当前的current2.另外在编辑样式表时可用的注释可这样写：＆lt;–Footer–＆gt;内容区＆lt;–EndFooter–＆gt;3.样式文件命名主要的布局，版面专栏文字打印样式主题页头：header登录条：loginbar标志：logo侧栏：sidebar广告：banner导航：nav子导航：subnav菜单：menu子菜单：submenu搜索：search滚动：scroll页面主体：main内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus指南：guild服务：service热点：hot新闻：news下载：download注册：regsiter状态：status按钮：btn投票：vote合作伙伴：partner友情链接：friendlink页脚：footer版权：copyright提交：submit文本框：textbox统计：count以上结构可以组合使用，例如：左列标题lefttitle；底部导航footernav书写原则是：1.一律小写；2.尽量用英文；3.不加中杠和下划线；4.尽量不缩写，除非一看就明白的单词。

四、如何在抖音里面添加自己的店铺定位

发布抖音短视频添加位置时，没有我的店铺，如何添加？1、打开抖音APP，选择【我】；
2、如果你的地理位置没有填写的话可以直接点击进行设置，如果已经填写了也可以点击重新设置。
3、在抖音发布视频时选择定位，选择你想定的地方就可以了你在高德地图上添加了，抖音上就有了。
我打客服电话问了。
抖音连接高德地图的。