亿恩科技有限公司旗下门户资讯平台!
服务器租用 4元建网站

百度MIP使用教程之demo示例

百度mip推出之后,有很多的站长不知道怎么使用这种工具,上一节我们介绍了百度MIP的校验规则,这一节我们详细的介绍一下具体的demo示例。

导语:百度mip推出之后,有很多的站长不知道怎么使用这种工具,上一节我们介绍了百度MIP的校验规则,这一节我们详细的介绍一下具体的demo示例。

首先是css样式的引入,使用的是以下一段代码:

< link type="text/css" rel="stylesheet" href="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.css" >

然后是js组件引入,包含了jq和amd

<script src="https://mipcache.bdstatic.com/static/mipmain-v0.0.1.js" ></script>

下面是一个完整的例子

百度MIP使用教程之demo示例

其中,p.mip-img-subtitle是可选的,表示图片的信息

插入文本

对应百度mip规范中的纯文本,和后面的mip-html兼容

基本使用

百度mip插入文本

自定义样式

为了能够满足个性化的需求,mip-html的方式承接所有需要自定义的标签&样式。封装了比较常用的文本对齐、文本加粗、字号、背景、有序列表、无序列表、下划线、引用等

(1)基本使用

百度mip样式定义

注:所有用户的自定义内容都必须在.mip-html中

(2)加粗

百度mip加粗

(3)居左、居中

其中,居左不需要做特殊处理,居右需要设置text-align: center

百度mip居中

(4)列表

有序

百度mip有序列表

无序

百度mip无序列表

(5)字体颜色、背景色

和前面的机制一样,都是通过加style来解决

百度mip颜色机制

(6)下划线(u)

百度mip下划线设置

(7)引用

百度mip引用

河南亿恩科技股份有限公司(www.enkj.com)始创于2000年,专注服务器托管租用,是国家工信部认定的综合电信服务运营商。亿恩为近五十万的用户提供服务器托管、服务器租用、机柜租用、云服务器、网站建设、网站托管等网络基础服务,另有网总管、名片侠网络推广服务,使得客户不断的获得更大的收益。
服务器/云主机 24小时售后服务电话:0371-60135900
虚拟主机/智能建站 24小时售后服务电话:0371-55621053
网络版权侵权举报电话:0371-60135995
服务热线:0371-60135900

0
9
分享到:责任编辑:黄利敏

相关推介

共有:0条评论网友评论:

验证码 看不清换一张 换一张

亲,还没评论呢!速度抢沙发吧!