Semantic ui 学习笔记 持续更新
2024-10-19 00:25:18
这个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
最新文章
- rails4.0 session activerecord
- 2-SAT问题及其算法
- 第三十六篇、webService
- oracle的decimal和number的对比
- 走进WCF一 （异常如此多娇，引无数码农竞折煞）
- Linux程序设计（二）shell程序设计
- 一大坨GoogleAPI的学习笔记之一（oAuth2.0）
- Jquery基础添加删除内容
- the server responded with a status of 414 (Request-URI Too Large)
- 移动端左右滑动问题-html与css解决
- golang协程池设计
- listview控件专题
- [Android P] Android P版本 新功能介绍和兼容性处理（一）
- 排序算法之堆排序（Heapsort）解析
- TCP BBR - 一键开启脚本
- js操作控制iframe页面的dom元素
- 使用nginx反向代理处理前后端跨域访问
- iframe相关知识
- 20155310 《Java程序设计》实验四 （Android程序设计）实验报告
- nginx升级至1.12.1版本