HTML,Css,JavaScript之间的关系
简述HTML,Css,JavaScript
⽹页设计思路是把⽹页分成三个层次，即：结构层(HTML)、表⽰层(CSS)、⾏为层(Javascript)。
1.HTML（超⽂本标记语⾔ Hyper Text Markup Language），HTML 是⽤来描述⽹页的⼀种语⾔，是整个⽹页的基础⾻架.定义⽹页内容
2.CSS(层叠样式表C ascading S tyle S heets)，样式定义如何显⽰ HTML 元素，语法为：selector{property：value} (选择符 {属性：值})，规定⽹页布局
3.JavaScript是⼀种脚本语⾔，它是连接前台（html）和后台服务器的桥梁，对⽹页⾏为进⾏编程，定义⽹页的⾏为
html网页设计css三者关系:HTML为主要结构，所有内容都是定义在html上的,css则负责对⽹页的修饰和布局,⽽JavaScript则是是⽹页拥有⼀个动态的效果,
    何为动态效果?在我们初学html是，所学的form表单中的submit提交组件则是⼀种类似的动态效果,⽽我们的js，则是使静态的⽹页动起来.
    如，当我们点击摸个按钮，想要弹出窗⼝，或者修改背景图⽚，或是其他⾏为，都可以有⾃⼰定义这个⾏为，这就是⽹页的动态化.
      HTML,Css,JavaScript的基本语法以及引⼊⽅法:
HTML：有⼤量的基础标签组成，不同的标签具有不同的功能，但只有⽹页⾃带的样式,⽬前最常⽤的布局⽅式则是使⽤div的盒⼦布局，设计⽹页时通常
  　先设置整个⽹页的div布局，再讲⼤⼤⼩⼩的.具有不同作⽤的div嵌⼊⽹页的⼤盒⼦中，最后形成⼀个基本的⽹页结构,
  　标签分为单标签和双标签:<div></div>,<br/>
CSS：作为html的样式存在.在html中有三种⽅式:
  第⼀种：内部样式：嵌⼊在html代码中,<style>  selector{property：value}  样式...    </style>
  第⼆种：外部样式表：通过<link  rel="stylesheet"  type="text/css"  href="外部样式表路径" />引⼊外部样式表.
  第三种：内联样式:<；标签  style: 属性:"值"；属性:"值">，以分号隔开不同属性，通常在需要特定属性，且不经常修改的标签中使⽤，且优先级为最⾼,
    　会覆盖样式表中的样式
JavaScript:JavaScript代码分为两种书写⽅式:
    　第⼀种：将js代码直接写在html的代码中，为嵌⼊式代码块<script  type="text/JavaScript">这⾥⾯负责代码的写⼊</script>
    　第⼆种：将js代码写在单独的 .js⽂件中，通过<script  type="text/JavaScript"  src="js⽂件路径"></script>.
        通常不在引⼊外部js⽂件的<script>标签中书写js代码，因为写的会被浏览器忽略.且引⼊的⽅式也不同于css的href引⼊,⽽是使⽤src HTML,Css,JavaScript是⽹页的三要素，后⾯所学的各种框架都是在他们的基础上建⽴起来的，不求精通，但求会读且懂.是JavaWeb的基础部分.

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。