×

深圳网站建设—APP开发—网站制作—小程序开发_博纳网络公司

0755 -
82538016
82560826
网站制作资讯

APP开发以及HTML5平台搭建关于CSS构成以及JavaScript的构成详解

文章编辑:网站建设 文章来源:APP开发 浏览量:

  我们在搭建HTML5移动站以及开发APP时对于CSS的了解很重要,深圳APP开发公司本文就这个话题与各位进行详细探讨,首先我们说说CSS,CSS的构成级联样式表(CascadingStyleSheet,CSS)通常又称为“层叠样式表(StyleSheet)”,是用来进行网页风格设计的。比如,网页上蓝色的字、红色的按钮,这些都是风格。通过设立样式表,可以统一控制(X)HTML中各标签的显示属性。CSS样式表可以使人更有效地控制网页外观。【代码1-2】是一个CSS文件。【代码1-2】01 /*css reset*/ 02 html{ color:# 000;} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6/*...*/ 03 /*全局 公共 样式*/ 04 textarea{ resize: none;} /*hack for chrome, disable chrome resizes textarea*/ 05 a{ color:# 049; outline- style: none;} 06 a: hover{ color:# f00;} 07 .cf{ zoom: 1;} 08 .cf: after{ content:'.'; display: block; visibility: hidden; clear: both; height: 0px;} 09 /*moduleABC ABC 模块 的 样式*/ 10 #moduleABC h2{ font- size: 14px; font- weight: bold;} 11 #moduleABC p{ font- size: 12px; line- height: 1. 5;}
如代码所示,CSS文件共分3部分:第一部分为CSS重置,第二部分为公共样式,第三部分为模块样式(非公共)。所有的公共样式一般写在第二部分,位于模块样式之上,方便查找。在模块CSS部分,尽量写出样式的详细路径,比如:
01 #mty_ bbs_ myblock .searchbar .addblock ul li a{ margin:. 2em 0; padding-
bottom:. 2em}
尽量不要简写成:
01 #mty_ bbs_ myblock .searchbar a{ margin:. 2em 0; padding- bottom:. 2em}
开发APP或者移动端关于JavaScript的构成
  JavaScript就是一个被埋没很久的编程语言,早在1995年被布兰登·艾奇(BrendanEich)设计出来。最初网景(Netscape)公司将其脚本语言命名为LiveScript,在与Sun合作之后将其改名为JavaScript,随着NetscapeNavigator2.0(见图1.1)公布于世,虽然想要师出名门的效果,但是网景公司却把它作为给非程序人员的编程语言来推广和宣传,非程序开发者并不对其买账,JavaScript由此被埋没长达十年之久。不过JavaScript的确具备了很多优秀的特点,近几年的发展势头越来越好,预示着JavaScript春天般的前景。
用JavaScript编写的代码需要放在.html文档中才能被浏览器执行,有两种方式可以做到这一点。  直接内嵌JavaScript代码,第一种方式是将JavaScript代码放到文档<head>标签的<script>标签中,见【代码1-3】。【代码1-3】(第一个JavaScript程序helloworld)
<! DOCTYPE html> < html> < head>
< title> hello world</ title> < script> alert(' hello world!'); </ script> </ head> < body> </ body> </ html>
将上面的代码保存到HTML文件中(在记事本中写作,然后另存为扩展名是html的文件),用任意浏览器打开,就可以看到一个弹出对话框。
  引用JavaScript文件,第二种方式是把JavaScript代码存为一个扩展名为js的独立文件中。以前的做法是在文档<head>里用<script>标签的src属性来指向该文件,见【代码1-4】。【代码1-4】
<! DOCTYPE html> < html> < head> < title> hello world</ title> < script src=" helloworld. js"></ script>
</ head> < body> </ body> </ html>
随着最近几年的发展,目前业界推荐的做法是把【代码1-4】中的<script>放到HTML文档最后,即</body>标签之前。这样做的目的是使浏览器更快地加载页面并展示给用户,从而提高用户体验效果。好了,APP开发公司本文关于“APP开发以及HTML5平台搭建关于CSS构成以及JavaScript的构成详解”知识就分享到这里,谢谢关注,博纳网络编辑整理。
 

当前文章链接:/construction/appkaifa/2943.html
如果您觉得案例还不错请帮忙分享:

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。