html元素之间的关系有哪两种关系,html、css、js之间的关系是什么？

html、css、js之间有什么关系？下面本篇文章给大家介绍一下HTML、CSS、javascript之间的关系。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

html、css、js 三者间的关系

网页主要有三部分组成，结构(HTML)、表现(CSS)、行为(Javascript)。

html是主体，装载各种dom元素；css用来装饰dom元素；javascript控制dom元素。

用一扇门比喻三者间的关系是：html是门的门板，css是门上的油漆或花纹，javascript是门的开关；

html介绍

html是用来描述网页的一种语言，它不是一种编程语言，而是一种标记语言(标记标签)，总的来说，html使用标记标签来描述网页，本文就用标签来代替标记标签进行说明。

标签是指，

标签是有语义的：标题用

，表格展示用

，无序排列用 等等。

标签里可带有各类属性，最基本的就是class和id。class属性的作用是引用css样式；id的作用是配合javascript使用，具有唯一性。下面举几个例子说明

l 图片标签的主要属性有src，alt。src是引用图片的网络地址(必要)；alt是对这张图片的描述，如果图片加载不成功，则会显示alt的文字。

l 超链接

若想了解更多关于html的资料，可查阅：《html在线手册》。

css介绍

css的官方名字叫层叠样式表，它的出现是为了解决内容和表现分离的问题，一般存放在.css文件里。

使用css

可在html的头元素

里书写，或者书写在CSS文件并在html里引用该文件。

css优先权

多个css样式可集中在单个html标签里，出现这种情况时，一般按优先权划分浏览器默认设置 (最低)

外部样式表

内部样式表(写在html的

标签内部)

内联样式(写在html的标签里，即style属性)(最高)

css的语法

css由两个主要部分组成，选择器，一条或多条声明。

选择器是指css样式的名字“.seletor”，名字前面要带上一点“.”。声明是由属性和值组成，给个例子“margin: 0 auto”，冒号前面是属性，后面是值，该例子是定义元素居中显示。

具体的属性和值可点击这里。

javascript介绍

javascript是脚本语言，它是连接前台(html)和后台服务器的桥梁，它是操纵html的能手，本文用js代替javascript进行说明。

平时听到原生js，js库，js框架，js插件等等，下面简单说明一下。

l 原生js，是指最基础的js，没有封装过，但因为各浏览器对js的支持不同，就导致用基础的js编程需要为不同的浏览器写兼容代码。

l Js库，js框架，是指集成一系列dom操作，API封装，界面UI封装的的库类，常见的有jQuery，extjs等等，这方面的定义比较难区分，暂不误导大家

l Js插件，就是集成了帮助程序员轻松完成功能的程序。Js插件用得比较多，网页制作上随处可见。如图片轮换功能，导航制作，上传图片等等。

更多前端开发知识，请查阅 HTML中文网 ！！