上图下文图文列表的效果如下图: 可以看到三个红色框中的三中"上图下文的图文列表"; 这里的代码其实没什么问题, 对于这种布局, 其实可以参考我上一篇介绍: NEC学习 ---- 模块 - 左图右文图文列表 还是把代码贴一下, html代码: <div class="container"> <div class="m-list4 m-list4-x"><!-- 上 --> <ul class="f…

HTML代码: <div class="container"> <div class="m-list1"> <ul class="f-cb"> <li><a href="#">列表文字</a></li> <li><a href="#">文字或链接</a></li> <li…

为了方便查看, 在最外面设置了一个粉色框. html代码: <div class="container"> <ul class="m-list"> <li><a href="#">列表项文字和链接</a></li> <li><a href="#">列表项文字和链接</a></li> <li><…

该模块效果图: 这个模块也是在开发中经常使用的一种: HTML代码: <div class="container"> <div class="m-list3 m-list3-x"><!-- 这里的 m-list3-x 是什么类呢, 我们下面来揭晓! --> <ul class="f-cb"> <li> <div class="u-img"><a hr…

下图是效果图: 然后, 左右两边的圆角图片和背景图片如下 (因为截图工具的原因, 可能图片不是很清晰. 这个图片有4个部分, 分别是中间的背景图, 左右圆角以及栏目分隔白线) 思路: 利用inline-block元素的中间性(既有块级元素特点: 能够控制宽高,可以定位, 也有内联元素特点: 可以被父元素text-align等) HTML代码: <div class="m-nav"> <ul> <li class="first">&…

带点文字链接列表, 实现的效果是, 调整字体大小, 点的位置不会跟着变动. HTML如下: <div class="container"> <div class="m-list2"> <ul> <li><i class="dot"></i><a href="#">带点文字链接列表,方点,颜色继承文字</a></li> &…

简要介绍, 默认居左, Tab不定宽,  “标题”和“更多”可删, 扩展类可以自由组合, 依赖于reset.css(之前的模块以及布局都依赖这个css) 那么这个效果是怎么实现的呢? CSS代码: .container { width:800px; margin:45px auto; } .m-hd {/*定义行高和高, 且子元素都继承之*/ height:35px;line-height:35px; padding:1px 0 0 0; border-bottom:1px solid #ddd…

如上面形式面包屑的写法: HTML如下, <div class="m-crumb"> <ul class="f-cb"> <li><i>|</i><a href="#">面包屑导航, 竖线分割</a></li> <li><i>|</i><a href="#">面包屑, 可多行</…

作业讲解 下载代码: HBuilder APP和flask后端登录 链接:https://pan.baidu.com/s/1eBwd1sVXTNLdHwKRM2-ytg 密码:4pcw 如何打开APP和后端flask,请参数昨天的文章 进入flask后端程序目录,创建文件setting.py 设置MongoDB信息,以及json返回格式 import pymongo client = pymongo.MongoClient(host="127.0.0.1", port=27017) M…

全局变量 由于多个html页面,需要引用同一个变量.这个时候,需要定义一个全局变量!如何定义呢? 默认包含了mui的html文件都导入mui.js文件.那么将变量写在mui.js中,就可以实现所有页面共享了! 由于开发环境的电脑的IP是自动获取的,隔一段时间,就需要修改一次.那么html中发送POST请求时,URL中的IP地址不能写死! 所有 JavaScript 全局对象.函数以及变量均自动成为 window 对象的成员. 修改mui.js,定义全局变量,务必使用windows * MUI核心…