我们在搭建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-
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}
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就是一个被埋没很久的编程语言，早在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>
引用JavaScript文件，第二种方式是把JavaScript代码存为一个扩展名为js的独立文件中。以前的做法是在文档<head>里用<script>标签的src属性来指向该文件，见【代码1-4】。【代码1-4】
直接内嵌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 】，我们在确认后，会立即删除，保证您的版权。
