CSDN开源夏令营 百度数据可视化实践 ECharts(7)
来源:互联网 发布:格斗术软件 编辑:程序博客网 时间:2024/06/04 19:34
本周主要内容整体页面布局:
基于CSS和javascript的页面布局
(1)CSS简介
CSS是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。
实例:
(2)初步框架已经完成,先上图:
主要包括内容:“让数据说话”
(2.1)大海战全程
(2.2)战备对比篇
(2.3)识见对比篇
(2.4)历史人物篇
(2.5)殉国将领篇
基于CSS和javascript的页面布局
(1)CSS简介
CSS是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。
方式:id选择器:
实例:#echarts1{ text-align:center; color:blue;}
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
注意:id属性不要以数字开头,数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。
class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。
实例:
<span style="font-size:18px;">.center{text-align:center;} </span>同样也可以指定特定的HTML元素使用class,例如让p元素使用class="center"让该元素的文本居中。
<span style="font-size:18px;">p.center{text-align:center;}</span>同样注意:id属性不要以数字开头,数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。
(2)初步框架已经完成,先上图:
主要包括内容:“让数据说话”
(2.1)大海战全程
(2.2)战备对比篇
(2.3)识见对比篇
(2.4)历史人物篇
(2.5)殉国将领篇
下次会讲解详细代码并且会将代码上传到我的code 中https://code.csdn.net/u013476464/baidu_data_visualization。
谢谢大家!
1 0
- CSDN开源夏令营 百度数据可视化实践 ECharts(7)
- CSDN开源夏令营 百度数据可视化实践 ECharts(1)
- CSDN开源夏令营 百度数据可视化实践 ECharts(2)
- CSDN开源夏令营 百度数据可视化实践 ECharts(3)
- CSDN开源夏令营 百度数据可视化实践 ECharts(4)
- CSDN开源夏令营 百度数据可视化实践 ECharts(5)
- CSDN开源夏令营 百度数据可视化实践 ECharts(6) 期中总结
- CSDN开源夏令营 百度数据可视化实践 ECharts(8)
- CSDN开源夏令营 百度数据可视化实践 ECharts(8)问题分析
- CSDN开源夏令营 百度数据可视化实践 ECharts 11 (期末总结)
- CSDN开源夏令营 百度数据可视化实践 前言
- 百度开源的数据可视化工具eCharts真心不错
- 开源的数据可视化JavaScript图表库:ECharts
- 开源的数据可视化JavaScript图表库:ECharts
- 开源的数据可视化JavaScript图表库:ECharts
- CSDN开源夏令营总结
- 大数据可视化工具 (3) Echarts
- 数据可视化之echarts
- Oracle的表连接查询及其内部运行机制
- hdu1004Let the Balloon Rise
- linux--cpio指令
- hdu 4930 Fighting the Landlords
- Axis2创建WebService实例
- CSDN开源夏令营 百度数据可视化实践 ECharts(7)
- openGL点精灵PointSprite详解: 纹理映射,旋转,缩放,移动
- springmvc登录拦截器
- Js Jquery 关于endWith() 和startWith() 的使用
- 网络流最大流之Dinic算法模板
- 配置Spring数据源
- 出租车计费(C语言)
- HDU 4925 Apple Tree
- HDOJ 题目2709Sumsets(递推)