CSS:对网页中元素位置的排版进行像素级精确控制。通俗来讲,就是用于布局网页,控制界面如何显示,理解为CSS是层叠样式表,使用细则。
例如控制界面中标题的显示样式,可以将代码写在<head> css的代码 </head>,这是内部样式表,以此来修改标题的颜色,字体大小,字体间距.
当然我们也可以将css的代码进行外部样式表,以此来解决代码都写在<head> css的代码 </head>中造成臃肿的问题,同样扩展性好,多个界面使用同样的一个CSS样式时,此时就应该使用"外部引用"。
- 内部样式表:当单个文件需要特别样式时,就可以使用 内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
- 外部样式表:当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。
- 设置样式的代码写在了mystyle.css文件中,因为可以放到其他页面使用,所以扩展性好。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
DIV: 是html中的一个常用标签。div标签不是万能的,一个页面也不应该全部是div标签,在写html的时候要合理的使用标签,使用细则。
打个比方1:假如我们把人的身体整体叫做html,那么你的身体就是有头手脚五脏六腑等等构成,DIV就相当于你头手脚五脏六腑等等。css如果作用在人的身体上也就是相当于你穿的衣服,化妆品,发卡之类的,只是为了让你出来给人看的时候漂亮点,一个没有css的html页面,一样可以看,但很丑陋,就像你没穿衣服光屁股跑出来一样,你还是个人,但你的很丑陋,不单单是从外表上说,还要从你的行为和思想上说。
打个比方2: DIV就是一个矩形框,而CSS则控制这个框在什么地方。网页的源代码中很多“DIV” 标签里面的** style="属性:属性值;属性:属性值;...**这些代码就是应用到了标签的CSS
打个比方3: DIV是人的框架,CSS外边的肉和衣服,二者搭配才好看.
总结:DIV是实实在在的东西,CSS是用来装饰和布局的。
JS(JavaScript)代码是存在于Html中的,JS代码只有嵌套在HTML中才可以运行,当然也可以搞一个JS文件,让html引用这个JS文件,但是仍然无法脱离Html,使用细则。iOS中有一个JSContext,它 是运行 JavaScript 代码的环境,所以创建一个 JSContext后,可以很容易地运行 JavaScript 代码,因此我们将JS代码写在一个以JS为后缀的文件中也能运行JS代码,这里的JSContext等价于Html。
Html只是一种标记(文本标记语言),没有逻辑功能(例如,你点一下页面,不会弹框,不会判断,不会记录啥的),而JS是一种语言(脚本语言),像c,vb一样,有逻辑功能(例如,你点一下页面,会弹框).之所以JS有逻辑功能,是因为JS是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。
使用 JS的目的是与HTML超文本标记语言、Java脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象,与Web客户交互作用。例如可以设置鼠标悬停效果,在客户端验证表单,创建定制的HTML页面,显示警告框,设置cookie等等。