首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

案例 | “华山263·老字号品牌馆”有哪些数字化新玩法?

如今,在高科技、数字化趋势带来进步创新同时,客户和消费者行为也跟随着发生了变化。体验经济来临,重塑客户体验成为品牌在营销中决胜关键。...上海华山263·老字号品牌馆自开馆以来迅速成为上海新网红打卡地标,通过携手数字化服务伙伴腾讯企点,创新打造出让用户能全方位体验老字号品牌文化数字化服务体验,让老字号拂去时光尘埃,以全新面貌新一消费者会面...理想之城 以一户五口之家沉浸式展示,带参观者探寻三生活方式家庭风貌。从上海制造、上海购物、上海文化、上海服务角度,展示了老字号品牌不仅陪伴了一上海人成长,更是一个时代烙印。...腾讯企点通过其体系化服务能力,字号品牌消费者连接在一起,通过产品、服务、营销强化消费者情感维系。一系列沉浸式互动体验,是百年老字号品牌传承推新呈现。...帮助老字号品牌馆线上线下更好地连接融合,整合分散渠道和触点,帮助品牌馆扩大触达范围,信息精准推送给老字号感兴趣目标用户,为用户提供一致服务营销体验。

58720

CSS编码规范

CSS编码规范 1 前言 CSS作为网页样式描述语言,在百度一直有着广泛应用。本文档目标是使CSS代码风格保持一致,容易被理解和被维护。...虽然本文档是针对CSS设计,但是在使用各种CSS预编译器(如less、sass、stylus等)时,适用部分也应尽量遵循本文档约定。...以便于自身产品线被其他产品线引用时,当遇到层级覆盖冲突情况,留出向上调整空间。 [建议] 在第三方环境下,期望显示在最上层元素,通过标签内联和 !...解释: 带有alpha颜色信息可以使用 rgba()。使用 rgba() 时每个逗号后必须保留一个空格。...left 1s; } .box:hover { left: 20px; /* move right for 20px */ } 7 响应式 [强制] Media Query 不得单独编排,必须相关规则一起定义

1.3K41
您找到你想要的搜索结果了吗?
是的
没有找到

【编码规范】CSS编码风格指南

important 3.6 z-index 4 值单位 4.1 文本 4.2 数值 4.3 url() 4.4 长度 4.5 颜色 4.6 2D 位置 5 文本编排 5.1 字体族 5.2 字号 5.3...字体风格 5.4 字重 5.5 行高 6 变换动画 7 响应式 8 兼容性 8.1 属性前缀 8.2 Hack 8.3 Expression 1 前言 CSS 作为网页样式描述语言,在百度一直有着广泛应用...本文档目标是使 CSS 代码风格保持一致,容易被理解和被维护。...以便于自身产品线被其他产品线引用时,当遇到层级覆盖冲突情况,留出向上调整空间。 在第三方环境下,期望显示在最上层元素,通过标签内联和 !...transition: left 1s; } .box:hover { left: 20px; /* move right for 20px */ } 7 响应式 Media Query 不得单独编排,必须相关规则一起定义

98120

CSS样式规则及字体样式

CSS字体样式属性 font-size:字号大小 font-size属性用于设置字号,该属性值可以使用相对长度单位,也可以使用绝对长度单位。...网页中常用字体有宋体、微软雅黑、黑体等,例如网页中所有段落文本字体设置为微软雅黑,可以使用如下CSS样式代码: p{ font-family:"微软雅黑";} 可以同时指定多个字体,中间以逗号隔开...尽量使用偶数数字字号。ie6等老式浏览器支持奇数会有bug。 3. 各种字体之间必须使用英文状态下逗号隔开。 4. 中文字体需要加英文状态下引号,英文字体一般不需要加引号。...实际开发中提倡使用数字 */         }         h4 {             font-weight: 400;             /* font-weight: normal; 400...         兰陵美酒郁金香     玉碗盛来琥珀光     但使主人能醉客

3.9K20

前端复习:CSS专题3

1 行高和字号 1.1 行高 CSS中,所有的行,都有行高。盒模型padding,绝对不是直接作用在文字上,而是作用在“行”上。...如果想让多行文本垂直居中,需要设置盒子padding值。 1.3 font属性 使用font属性,能够字号、行高、字体一起设置。...就要用英文逗号,隔开备选字体,就是说如果用于电脑里面,没有安装微软雅黑字体,那么就是宋体: font-family: "微软雅黑","宋体"; 备选字体可以有无数个,用逗号隔开。...需要记住,这四种状态,在css中,必须按照固定顺序:a:link 、a:visited 、a:hover 、a:active。如果不按照顺序,那么失效。...是一种CSS图像合并技术,该方法时小图标和背景图像合并到一张图片上,然后利用css背景定位技术来显示需要显示图片部分。 CSS精灵有什么优点,就是减少了http请求。

83120

前端编码规范

基本原则 结构、样式、行为分离 统一缩进(建议 两个空格) 文件编码统一 不带BOMUTF-8 一律使用小写字母 省略外链资源 URL 协议部分(FTP等其他URL不省略) 统一注释 HTML 标签...; 声明语句应以分号 ; 结尾; 一般以逗号分隔属性值,每个逗号后应添加一个空格; rgb()、rgba()、hsl()、hsla() 或 rect() 括号内值,逗号分隔,但逗号后不添加一个空格;...内文以 16px 作为字号 标题 h1, h2, h3, h4, h5, h6 以 16px 作为字号基础,按同比例递减 p { font-size: 16px; }h1 { font-size...枚举变量 单词首字母大写, 枚举属性 全部字母大写, _分隔 多个单词组成缩写词, 在命名中, 根据当前命名法和出现位置, 所有字母大小写首字母大小写保持一致 命名词法 类名 使用名词 function...对象 单行定义对象,最后一个成员不以逗号结尾 多行定义对象,最后一个成员以逗号结尾 对象尽量静态化,不得随意添加属性.如果添加属性不可避免,使用Object.assign() 如果对象属性名是动态

1.7K71

HTML-CSS基础学习

JavaScript代表行为行为是网页交互逻辑,从交互角度,提升用户体验。...,只需要修改对应CSS文件 浏览器页面更友好 开发维护成本降低 页面性能提高 CSS存在继承关系,就近原则使用CSS属性 CSS基本语法 选择符+属性+属性值 selector{ property1...:after 用来跟content属性一起使用,设置这元素后发生内容 ::before 用来跟content属性一起使用,设置这元素前发生内容 ::first-letter 设置元素内第一个字符样式...,使用于块元素,内联元素使设置于first-letter一样 ::selection 设置浏览器默认背景颜色和文字颜色 ::placeholder CSS3样式属性 字体属性 font-style...相对于父元素调节,length 文字大小,percentage 百分比表示字号 font-family 文本字体,多种字体逗号隔开,字体多单词双引号括起来 font-stretch 文字是否横向拉伸变形

4.8K30

CSS字体字段样式

p{ font-family:"微软雅黑";} 网页中常用字体有宋体、微软雅黑、黑体等,例如网页中所有段落文本字体设置为微软雅黑 可以同时指定多个字体,中间以逗号隔开,表示如果浏览器不支持第一个字体...font-style:字体风格 在html中如何字体倾斜我们可以用标签来实现 字体倾斜除了用 i 和 em 标签, 可以使用CSS 来实现,但是CSS 是没有语义 font-style属性用于定义字体风格...其中字号 和 字体 必须同时出现 CSS外观属性 color:文本颜色 作用: color属性用于定义文本颜色, 其取值方式有如下3种: 表示表示 属性值 预定义颜色值 red,green,blue...(不常用) CSS外观属性总结 属性 表示 注意点 color 颜色 我们通常用 十六进制 比如 而且是简写形式 #fff line-height 行高 控制行行之间距离 text-align...,然而由于和俱乐部在投入以及成绩指标上分歧,李虎最终和教练组一起在比赛日辞职。

13.6K20

serif,sans-serif,monospace,cursive和fantasy

(摘自15.3.1 Generic font families) 由于不是所有字体在所有终端设备上都可用(有几千种字体,而且大部分都不是免费),CSS提供了一种fallback机制:先列出想要字体,...再列出作为替补字体,最后以一般字体族结尾 在最坏情况下(指定所有字体都不可用时),能通过这种方式保留一些样式表编写者意图 一般字体族共有5个:serif,sans-serif,monospace...(两头)都带点变化装饰,比如宋体笔画末端有毛笔字感觉 文字末端有差异,在小字号下仍然容易辨认。...,或者其它装饰 “衬线字体”相比,如果字号比较小,看起来就会有些难以分辨,尤其段落阅读时容易串行 示例: MS Trebuchet、MS Arial、MS Verdana 黑体、幼圆、隶书、楷体 cursive...Font Families:英文字体字母A演变 一起来发现Mac内置字体库[英文字体-完结]~ Font Families – Serif, Sans-Serif, Monospace, Script

2.2K30

前端成神之路-CSS文字文本样式

p{ font-family:"微软雅黑";} 网页中常用字体有宋体、微软雅黑、黑体等,例如网页中所有段落文本字体设置为微软雅黑 可以同时指定多个字体,中间以逗号隔开,表示如果浏览器不支持第一个字体...各种字体之间必须使用英文状态下逗号隔开。 2. 中文字体需要加英文状态下引号,英文字体一般不需要加引号。当需要设置英文字体时,英文字体名必须位于中文字体名之前。 3....1.4 font-style:字体风格 在html中如何字体倾斜我们可以用标签来实现 字体倾斜除了用 i 和 em 标签, 可以使用CSS 来实现,但是CSS 是没有语义 font-style...字体连写是有顺序 不能随意换位置 2. 其中字号 和 字体 必须同时出现 2....(不常用) 2.6 CSS外观属性总结 属性 表示 注意点 color 颜色 我们通常用 十六进制 比如 而且是简写形式 #fff line-height 行高 控制行行之间距离 text-align

7.1K10

《精通CSS》第2章 添加样式

本书《精通 CSS》之前章节: 第 1 章 基础知识 ---- 有效且结构良好文档是添加样式基础。上一章,我们一起学习了相关知识。现在是时候学习一下如何添加样式了。...2.1 CSS 选择器 首先,为了让大家对于选择器有一个总概念。我 CSS 选择器分为:独立选择器和组合选择器。 独立选择器是指有着明确定义独立选择器。组合选择器是独立选择器各种组合。...注意,通用选择器(*)特殊性为 0,无论它在规则声明中出现多少次。不过也会存在意外情况,后面会提到。 在 CSS 开发中,样式规则会变得越来越多,特殊性也各有不同。...如果在 body 上设置了一个字号,你会发现标题并不会继承同样字号。这是因为标题字号大小是浏览器默认样式设定。任何直接应用给元素样式都会覆盖继承样式,继承样式没有任何特殊性。.../ [14]Enduring CSS: http://ecss.io/ [15]如下(前面提到意外情况: https://jsbin.com/ravovohane [16]CSS 性能优化 8 个技巧

1.5K40

2016.01.06 HTML5真题练习

上述代码中,数组操作方法join是用来数组中所有元素都转化为字符串并连接在一起,返回最后生成字符串。...可以指定一个可自行选择字符串(如逗号、分号等)在生成字符串中来分隔数组各个元素,如果不指定分隔符,默认逗号分隔。...所以上题中第一个输出语句没有指定分隔符,所以输出默认逗号分隔符字符串:1,2,3。 第二个输出语句指定空格为分隔符,所以输出:1 2 3。...第三个输出语句是在一个长度为10空数组中使用连字号组成字符串进行输出,所以输出9个连字号组成字符串:- - - - - - - - -。...相关知识链接:数组-arguments 接下来我们再来一题数组元素排序相关题目吧——> HTML5真题【2016.01.06】题目 var a = [33, 2, 111

81150

CSS魔法堂:再次认识font

下面我们一起探讨一下! 1....这个单位是在很少用到,@张鑫旭在《字母’x’在CSS世界中角色和故事》中提到用它实现图标文字垂直居中。        限制条件:     1. 图标内容高度小于等于1ex;     2....通过body字号这是为 font-size: 62.5% ,那么此时子元素1em = 10px, 1.2em = 12px了。       注意:采用em作单位,要小心重复运算陷阱!...相对于根元素html字体大小(rem)   CSS3新增相对单位,IE9开始支持。设置rem元素字号是相对于`根元素`字号而定,而不是父元素字号而定。...指图像中存储信息量,除了PPI还有PPC(每厘米像素数量)来衡量。图像分辨率决定图像输出质量,图像分辨率、位分辨率和图像尺寸一起决定文件大小。

2.2K100

移动适配长度单位

rem单位 效果:屏幕宽度不同,网页元素尺寸不同(等比缩放) px单位或百分比布局对比: px单位是绝对单位 百分比布局特点宽度自适应,高度固定 rem单位是相对单位 rem单位是相对于HTML标签字号计算结果...媒体查询 使用媒体查询设置差异化CSS样式,媒体查询能够检测视口宽度,然后编写差异化 CSS 样式,当某个条件成立, 执行对应CSS样式。...设备宽度不同,HTML标签字号设置: 设备宽度大, 元素尺寸大 设备宽度小,元素尺寸小 目前在rem布局方案中,网页分成10份,HTML标签字号为视口宽度1/10,可以便于计算。...像素尺寸转换rem: 1.根据视口宽度,设置不同HTML标签字号 2.确定设计稿对应设备HTML标签字号 查看设计稿宽度 → 确定参考设备宽度(视口宽度) → 确定基准根字号(1/10视口宽度)...扩充了css语言,使css具备一定逻辑性和计算能力。 注意:浏览器不识别less代码,目前阶段,网页需要引入还是对应css文件。

1.2K20

JavaScript中数组创建

除了手动枚举之外,JavaScript还提供了更有趣更直接数组创建方式。让我一起看看在JavaScript中初始化数组一般场景和高级场景吧。 1....剩余元素则是通过spread运算符从 source数组取得。 常规元素枚举方式可以和spread运算符可以不受限制组合在一起。...主要原因是数组字面量写法更短,更简单。还有一个原因就是数组构造器在第一个参数是不同类型值时,产生怪异行为。 让我们看看 Array使如何根据第一个参数类型以及参数个数来创建数组实例吧。...; // => [1, 2, 3, 4, 5] 映射函数被调用时会传入两个参数:当前 item以及当前迭代 index。...总结 数组初始化是操作集合时常见操作。JavaScript提供了多种方法以及灵活性来实现该目的。 数组构造器行为在很多情况下会让你感到意外。因此数组字面量是初始化数组实例更好,更简单方式。

3.4K10
领券