码迷,mamicode.com
首页 > 其他好文 > 详细

Semantic ui 学习笔记 持续更新

时间:2015-01-20 13:38:51      阅读:239      评论:0      收藏:0      [点我收藏+]

标签:

这个semantic 更新版本好快~

首先是代码的标识<code></code>

技术分享

具体样式就是红框这样的 圈起来代码感觉不错 不过要在semantic.css里在加上如下样式~

code {
    background-color: rgba(0, 0, 0, 0.02);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    display: inline-block;
    font-family: "Monaco","Menlo","Ubuntu Mono","Consolas","source-code-pro",monospace;
    font-size: 12px;
    font-weight: bold;
    margin: 0 2px 0px 0px;
    padding: 2px 4px;
    vertical-align: baseline;
}

.ui.message code {
    background-color: rgba(255, 255, 255, 0.6);
}

  HTML 结构就是这样的

<div class="ui warning message">
   提示框:使用类名<code>ui warning message</code>  错误红色提示(添加类名):<code>negative</code>
    正确状态提示(添加类名positive):<code>positive</code> 警告提示:<code>warning</code>
   <p> 分类删除时候 展示图片信息表里的分类字段时候 标明 红色错误提示:<code>negative</code></p>
</div>

 下面是常用的 错误提示 如上 使用类名 negative 

 黄色警告 使用类名 ui warning message 主要就是这个warning

Semantic ui 学习笔记 持续更新

标签:

原文地址:http://www.cnblogs.com/xxx91hx/p/4235704.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!