HTML，CSS，JS之间的关系

时间 2019-11-21

标签 html css 之间关系栏目 HTML 繁體版

原文原文链接

HTML，CSS，JS之间的关系javascript

本笔记是本身在浏览了各位前辈后拼凑总结下来的知识，供本身使用消化。后面会附上各类连接地址，尊重原创css

最准确的网页设计思路是把网页分红三个层次，即：结构层(HTML)、表示层(CSS)、行为层(Javascript)。
1、HTML、CSS、JavaScript简介及简单分工
一、什么是HTML（超文本标记语言 Hyper Text Markup Language），HTML 是用来描述网页的一种语言。
二、CSS(层叠样式表 Cascading Style Sheets),样式定义如何显示 HTML 元素，语法为：selector {property：value} (选择符 {属性：值})
三、JavaScript是一种脚本语言，其源代码在发往客户端运行以前不需通过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行
对于一个网页，HTML定义网页的结构，CSS描述网页的样子，JavaScript设置一个很经典的例子是说HTML就像一我的的骨骼、器官，而CSS就是人的皮肤，有了这两样也就构成了一个植物人了，加上javascript这个植物人就能够对外界刺激作出反应，能够思考、运动、能够给本身整容化妆（改变CSS）等等，成为一个活生生的人。html

若是说HTML是肉身、CSS就是皮相、Javascript就是灵魂。没有Javascript,HTML+CSS是植物人，没有Javascript、CSS是个毁容的植物人。
若是说HTML是建筑师，CSS就是干装修的，Javascript是魔术师。java

来自 <http://www.cnblogs.com/dreamingbaobei/p/5062901.html> 程序员

一个基本的网站包含不少个网页，一个网页由html, css和javascript组成。编程

html介绍浏览器

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

标签是指<html></html>，<div></div>。网络

标签是有语义的：标题用<h1>，表格展现用<table>，连接用<a>，无序排列用<ul>等等。框架

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

图片标签<img>的主要属性有src，alt。src是引用图片的网络地址（必要）；alt是对这张图片的描述，若是图片加载不成功，则会显示alt的文字。

l超连接<a>的主要属性有href，target。href是指连接要跳转的网址（必要）；target是告诉浏览器点击这个连接后要以哪一种形式找开窗口，target=”_blank”是指打开一个新窗口

若想了解更多关于html的资料，请点击这里。

css介绍

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

使用css，可在html的头元素<head>里书写，或者书写在CSS文件并在html里引用该文件。

css优先权，多个css样式可集中在单个html标签里，出现这种状况时，通常按优先权划分

浏览器默认设置（最低）
外部样式表
内部样式表（写在html的<head>标签内部）
内联样式（写在html的标签里，即style属性）（最高）

css的语法。
css由两个主要部分组成，选择器，一条或多条声明。
选择器是指css样式的名字“.seletor”，名字前面要带上一点“.”。声明是由属性和值组成，给个例子“margin: 0 auto”，冒号前面是属性，后面是值，该例子是定义元素居中显示。
具体的属性和值可点击这里。

javascript介绍
javascript是脚本语言，它是链接前台（html）和后台服务器的桥梁，它是操纵html的能手，本文用js代替javascript进行说明。
平时听到原生js，js库，js框架，js插件等等，下面简单说明一下。
原生js，是指最基础的js，没有封装过，但由于各浏览器对js的支持不一样，就致使用基础的js编程须要为不一样的浏览器写兼容代码。
Js库，js框架，是指集成一系列dom操做，API封装，界面UI封装的的库类，常见的有jQuery，extjs等等，这方面的定义比较难区分，暂不误导你们
Js插件，就是集成了帮助程序员轻松完成功能的程序。Js插件用得比较多，网页制做上随处可见。如图片轮换功能，导航制做，上传图片等等。

来自 <http://blog.csdn.net/u011057439/article/details/53893411>