main/content ------------用于主体内容(中部) 左侧 main-left -------------左侧布局 右侧 main-right -----------右侧布局 导航条...nav -----------------网页菜单导航条 内容 content ---------------用于网页中部主体 底部 footer -----------------用于底部 三、...DIV+CSS命名参考表: - TOP 以下为CSS样式命名与CSS文件命名参考表,DIV CSS命名集合: CSS样式命名 说明 网页公共命名 网页公共命名 #wrapper 页面外围控制整体布局宽度...,版面 themes.css、 主题 columns.css 专栏 font.css 文字、字体 forms.css 表单 mend.css 补丁 print.css 打印 CSS命名其它说明: DIV...通常我们最常用主要命名有:wrap(外套、最外层)、header(页眉、头部)、nav(导航条)、menu(菜单)、title(栏目标题、一般配合h1\h2\h3\h4标签使用) 、content(内容区
ytkah自己有一些div+css的基础知识,所以上手bootstrap相对会比较快一些,从入手到完成项目只用了两周“学会”bootstrap搭建一个企业站,中间还有其他的一些事需要处理。...标签、转化引导、主业分类、团队介绍、联系方式,那我们就按这样设计 1.按照bootstrap中文网bootcss.com官方文档,首先我们先引用css和js,用大的body把页面包围起来 2.用导航条
图片 图片 图片 图片 图片 图片 五、网站代码制作部分 (1)网站首页布局确定好各个板块的内容,并使用了DIV+CSS布局。...另外首页使用到的知识主要有图片插入、图片动态切换、导航条、利用CSS固定字体、文字大小、文字颜色、背景颜色。...(2)页面使用了DIV+CSS布局,使用到的知识主要有图片插入、导航条、利用CSS固定字体、文字大小、文字颜色、背景颜色。...(3)表单部分页面使用了DIV+CSS布局,使用到的知识主要有运用了form表单、input文本框和input提交按钮,完成表单信息收集。利用CSS设置input提交按钮文字大小和颜色。
图片 图片 图片 图片 图片 五、网站代码制作部分 (1)网站首页布局确定好各个板块的内容,并使用了DIV+CSS布局。...另外首页使用到的知识主要有图片插入、图片动态切换、导航条、利用CSS固定字体、文字大小、文字颜色、背景颜色。...(2)页面使用了DIV+CSS布局,使用到的知识主要有图片插入、导航条、利用CSS固定字体、文字大小、文字颜色、背景颜色。...(3)表单部分页面使用了DIV+CSS布局,使用到的知识主要有运用了form表单、input文本框和input提交按钮,完成表单信息收集。利用CSS设置input提交按钮文字大小和颜色。
BoxFit.fitWidth 宽度横向充满,显示可能拉伸, 可能裁切; (5). BoxFit.fitHeight 高度竖向充满,显示可能拉 伸,可能裁切; (6)....ImageRepeat.repeat : 横向和纵向都进行重复,直到铺满整 个画布; (2). ImageRepeat.repeatX: 横向重复,纵向不重复; (3)....ImageRepeat.repeatY:纵向重复,横向不重复; 6. width 宽度。一般结合 ClipOval 才能看到效果; 7. height 高度。...(BuildContext context) { return MaterialApp( home: Scaffold( // 导航条...(BuildContext context) { return MaterialApp( home: Scaffold( // 导航条
BoxFit.fitWidth 宽度横向充满,显示可能拉伸, 可能裁切; (5). BoxFit.fitHeight 高度竖向充满,显示可能拉 伸,可能裁切; (6). ...ImageRepeat.repeat : 横向和纵向都进行重复,直到铺满整 个画布; (2). ImageRepeat.repeatX: 横向重复,纵向不重复; (3). ...ImageRepeat.repeatY:纵向重复,横向不重复; 6. width 宽度。一般结合 ClipOval 才能看到效果; 7. height 高度。...(BuildContext context) { return MaterialApp( home: Scaffold( // 导航条...(BuildContext context) { return MaterialApp( home: Scaffold( // 导航条
图片 图片 五、网站代码制作部分 (1)网站首页布局确定好各个板块的内容,并使用了DIV+CSS布局。...另外首页使用到的知识主要有图片插入、图片动态切换、导航条、利用CSS固定字体、文字大小、文字颜色、背景颜色。...(2)页面使用了DIV+CSS布局,使用到的知识主要有图片插入、导航条、利用CSS固定字体、文字大小、文字颜色、背景颜色。...(3)表单部分页面使用了DIV+CSS布局,使用到的知识主要有运用了form表单、input文本框和input提交按钮,完成表单信息收集。利用CSS设置input提交按钮文字大小和颜色。
图片 图片 图片 图片 图片 图片 图片 五、网站代码制作部分 (1)网站首页布局确定好各个板块的内容,并使用了DIV+CSS布局。...另外首页使用到的知识主要有图片插入、图片动态切换、导航条、利用CSS固定字体、文字大小、文字颜色、背景颜色。...(2)页面使用了DIV+CSS布局,使用到的知识主要有图片插入、导航条、利用CSS固定字体、文字大小、文字颜色、背景颜色。...(3)表单部分页面使用了DIV+CSS布局,使用到的知识主要有运用了form表单、input文本框和input提交按钮,完成表单信息收集。利用CSS设置input提交按钮文字大小和颜色。
图片 五、网站代码制作部分 (1)网站首页布局确定好各个板块的内容,并使用了DIV+CSS布局。...另外首页使用到的知识主要有图片插入、图片动态切换、导航条、利用CSS固定字体、文字大小、文字颜色、背景颜色。...(2)页面使用了DIV+CSS布局,使用到的知识主要有图片插入、导航条、利用CSS固定字体、文字大小、文字颜色、背景颜色。...(3)表单部分页面使用了DIV+CSS布局,使用到的知识主要有运用了form表单、input文本框和input提交按钮,完成表单信息收集。利用CSS设置input提交按钮文字大小和颜色。
(BuildContext context) { return MaterialApp( home: Scaffold( // 导航条...(BuildContext context) { return MaterialApp( home: Scaffold( // 导航条...(BuildContext context) { return MaterialApp( home: Scaffold( // 导航条...横向列表的实现。...StatelessWidget{ @override Widget build(BuildContext context) { return Container( // 横向滚动列表一定要指定高度
图片 图片 图片 图片 五、网站代码制作部分 (1)网站首页布局确定好各个板块的内容,并使用了DIV+CSS布局。...另外首页使用到的知识主要有图片插入、图片动态切换、导航条、利用CSS固定字体、文字大小、文字颜色、背景颜色。...(2)页面使用了DIV+CSS布局,使用到的知识主要有图片插入、导航条、利用CSS固定字体、文字大小、文字颜色、背景颜色。...(3)表单部分页面使用了DIV+CSS布局,使用到的知识主要有运用了form表单、input文本框和input提交按钮,完成表单信息收集。利用CSS设置input提交按钮文字大小和颜色。
(BuildContext context) { return MaterialApp( home: Scaffold( // 导航条...(BuildContext context) { return MaterialApp( home: Scaffold( // 导航条...(BuildContext context) { return MaterialApp( home: Scaffold( // 导航条...Image.network("https://www.itying.com/images/flutter/4.png") ] ); } } 效果图如下: 横向列表的实现...StatelessWidget{ @override Widget build(BuildContext context) { return Container( // 横向滚动列表一定要指定高度
弹出窗口方式:针对 web 发布中弹出式窗口的设置,包括页内窗口和独立窗口。使用页内窗口时,弹出效果类似模态窗口;独立窗口时,效果是浏览器的一个标签页。两种模式使用函数关闭都需要使用 close。...注意:弹出式窗口不影响宿主操作,但刷新宿主时弹出式窗口会自动关闭。 Web 访问地址与端口号: 数据通信端口:数据通讯端口,该端口必须开放,当被占用后,客户端将只能看到画面看不到数据。...页面滚动条设置:选择 Web 发布后的页面是否允许横向与纵向滚动条。 启用安全模式:是否对 Web 发布地址加入 SSL 证书,提高网站的安全性。包括手动与自动引入证书。
图片 图片 图片 图片 图片 图片 图片 图片 五、网站代码制作部分 (1)网站首页布局确定好各个板块的内容,并使用了DIV+CSS布局。...另外首页使用到的知识主要有图片插入、图片动态切换、导航条、利用CSS固定字体、文字大小、文字颜色、背景颜色。...(2)页面使用了DIV+CSS布局,使用到的知识主要有图片插入、导航条、利用CSS固定字体、文字大小、文字颜色、背景颜色。...(3)表单部分页面使用了DIV+CSS布局,使用到的知识主要有运用了form表单、input文本框和input提交按钮,完成表单信息收集。利用CSS设置input提交按钮文字大小和颜色。
我们回到实际例子中去,看一下绿叶学习网的导航条。...我们先分析一下“前端技术”这一栏目的具有以下基本特点: ① 导航条文字颜色是白色; ② 大小是14px ③ 背景颜色是绿色; ④ 鼠标移动到上面颜色会变成深绿色; 这些效果是怎么做出来的呢?...我们看到市面上很多书名都叫“DIV+CSS”或“HTML+CSS”,其实这两个叫法都是不严谨的,准确来说是“XHTML+CSS”。...但是叫的人多了,大家也知道是那个意思,所以约定俗成就干脆称为“DIV+CSS”或“HTML+CSS”。...所以以后,我们看到“DIV+CSS”或“HTML+CSS”,心里也应该知道指的是“XHTML+CSS”。然而什么叫XHTML,我们在后面的章节会说到,读者不用手忙脚乱地。
(BuildContext context) { return MaterialApp( home: Scaffold( // 导航条..., width:400, color:Colors.pink, child: Wrap( // 横向的间距...spacing: 20, // 纵向的间距 runSpacing: 5, // 横向的对齐方式