samatic-ui
文章平均质量分 77
weixin_48102099
这个作者很懒,什么都没留下…
展开
-
samatic-ui(六)博客发布页面
1,输入框标签联合使用<div class="ui right labeled input"> <input type="text" placeholder="域名"/> <div class="ui dropdown label"> <div class="text">.com</div> <i class="dropdown icon"></i> <div class="men原创 2021-03-22 14:14:27 · 128 阅读 · 0 评论 -
samatic-ui(5)后台博客管理页面
1.关于左边头像下拉的样式,其具体的用法详见:https://zijieke.com/semantic-ui/modules/dropdown.php本例所采用的样式为:<div class="ui dropdown "> <div class="text"> <img src="../static/images/斯科特.jpg" class="ui avatar image" > 颜鹏荣 </div&原创 2021-03-21 20:45:48 · 298 阅读 · 0 评论 -
samatic-ui(四)分类、标签、归档、关于我页面
一、分类页面1, 分类标签组合样式的具体的用法见:https://zijieke.com/semantic-ui/elements/button.php<div class="ui labeled button m-margin"> <a href="#" class="ui basic teal button">思维认知</a> <div class="ui teal basic left pointing原创 2021-03-21 10:45:13 · 176 阅读 · 0 评论 -
samatic-ui(三) 博客详情页
1.使图标缩小的样式在class中添加mini<i class="mini home icon "></i>首页</a>2.背景图片的添加在css中自定义body/* ------------背景图片---------------- */body{ background: url(../images/背景.jpg);}3,多行列表的两种表示方式1.第一种:<!-- 第一种 --> <div class="ui segment原创 2021-03-20 17:13:35 · 209 阅读 · 0 评论 -
samatic-ui(二)响应式页面(移动端)
1.使用stackable属性可将页面设置为响应移动端的页面 <div class="ui stackable inverted secondary menu">stackable属性可添加在<div class="ui menu"> <div class="ui grid"> <div class="ui list">等组件中2.添加“列表菜单图标”按钮<!-- black使按钮区域变黑以便凸显列表菜单按钮 -->原创 2021-03-20 10:42:54 · 120 阅读 · 0 评论 -
Samatic-ui(一) 博客首页的导航、内容和底部
引入依赖samatic ui官网引入CDN<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>首页</title> <!-- 头部cdn --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.10/semantic.min.css"&.原创 2021-03-20 09:06:07 · 484 阅读 · 0 评论