码迷,mamicode.com
首页 > 其他好文 > 详细

CSDN开源夏令营 百度数据可视化实践 ECharts(7)

时间:2014-08-08 12:54:19      阅读:238      评论:0      收藏:0      [点我收藏+]

标签:echarts   百度   数据可视化   zrender   javascript   

本周主要内容整体页面布局:

  基于CSS和javascript的页面布局

(1)CSS简介
  CSS是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。

方式:id选择器:

实例:        

#echarts1
{
   text-align:center;
   color:blue;
}

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。

注意:id属性不要以数字开头,数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。


方式:class选择器:
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)殉国将领篇

bubuko.com,布布扣


下次会讲解详细代码并且会将代码上传到我的code 中https://code.csdn.net/u013476464/baidu_data_visualization

谢谢大家!

CSDN开源夏令营 百度数据可视化实践 ECharts(7),布布扣,bubuko.com

CSDN开源夏令营 百度数据可视化实践 ECharts(7)

标签:echarts   百度   数据可视化   zrender   javascript   

原文地址:http://blog.csdn.net/u013476464/article/details/38434625

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!