桃园三结义之HTML、CSS、JavaScript

需要解释一下，这篇文章不是讲核心技术的，我也只是刚刚接触，在这里只是跟大家一起认识一下HTML、CSS、JavaScript

牛腩新闻发布系统都快敲完了，系统中牛老师也对HTML、CSS、JavaScript做了简单介绍，而且整个系统的前台都在使用HTML和CSS。根据牛老师的介绍也只能对HTML、CSS、JavaScript有个一知半解，但是敲代码的过程中对于HTML与CSS的交互原理一直不理解。通过查资料才慢慢解开了这三位大侠的庐山真面目。

最近下载了一个懒人听书软件，每天晚上睡觉前总要听一两集三国演义。书中讲到刘关张三人桃园结义，就联想到了HTML、CSS、JavaScript三种技术。

首先对HTML、CSS、JavaScript分别简单介绍一下：

HTML（Hyper Text Markup Language）译为“超级文本标记语言”，是Internet上用于设计网页的主要语言。网页中动画、多媒体、图形等各种复杂的元素，基础框架都是HTML。用它就可以设计出一个标准的网页。

CSS（Cascading Style Sheets）译为“层叠样式表”，简称样式表，是一种制作网页的新技术，顾名思义就是设计网页样式的。“样式”就是网页的文字。颜色。图片位置等格式；“层叠”的意思是当HTML中引用了多个样式时，当样式文件中的样式发生冲突时，浏览器将依据层叠顺序处理。

JavaScript在一定程度上弥补了HTML和CSS的缺陷，HTML和CSS的配合使用，提供给用户的只是一种静态的信息，缺少交互性。JavaScrip的出现使得用户与信息之间不只是一种浏览与显示的关系，而是实现了一种实时、动态、交互的页面功能。静态的HTML页面也逐渐被客户端可做出响应的动态页面所取代。

这三者之间各有所长，互相弥补，互相合作才能设计出完美的网页。

HTML就相当于桃园三兄弟中的大哥，别看功夫不如两位兄弟，但作为最基础的框架，没有它就设计不出我们需要的网页。同样的关羽、张飞再厉害，没有刘备带头领导，也不可能成就日后的蜀国。

再如果把网页设计的过程比作一个做纸盒模型的过程，HTML的工作就是选定纸片的尺寸，进行最基础的排版；CSS就需要把这些纸片做成不同样式的盒子；如果再需要完善，就需要用到JavaScript给这些盒子赋予新的功能，比如做成变形金刚等等，可以由用户自己操作改变形状。

无论是制作简单的盒子，还是一起打拼天下，这三者之间都是相辅相成，不能说缺一不可，但求尽美就需要三者紧密配合，发挥各自的优点。

桃园三结义之HTML、CSS、JavaScript相关推荐

桃园三结义c语言程序,黄海波乱世三义桃园三结义首播
<乱世三义>选取了以华夏大地风云变幻的抗战期间为历史背景,以唐子义.谷仁义.索智义结义三兄弟抗日的传奇经历为故事主线,剧情跌宕起伏,人物关系错综复杂,情感纠葛不断.<乱世三义> ...
【三国说】十常侍叛乱桃园三结义
旁白在三国演义中,有个非常出名的典故叫做"桃园三结义",讲述的是刘备.关羽.张飞三人相遇,并结交为兄弟共谋大业的事,这也是三国演义的开端. 大家好,说起三国,许多人先想到的无非就 ...
三国演义之桃园三结义
昨日看了三国演义第一集,桃园三结义,对于刘备此人甚为佩服,如下讲述他与众不同之处. 开篇是国家政权崩坏.时局混乱,董卓掌控帝国上层管理者,指示其走狗爪牙在首都洛阳奸淫掳掠,大肆破坏.朝野内外痛恨董卓者 ...
桃园三结义——JavaScript客户端的实现
我们在提到Javascript的时候,都会说JavaScript实现了Web浏览器的交互功能,但是我们在为JavaScript祝酒之时,请不要忘记与其并肩作战的开国元勋--BOM和DOM.坦率地讲,一 ...
超详细轮播图的三种实现方法html+css+javascript
对代码不理解的可以参考我的个人视频 https://www.bilibili.com/video/BV1jA411Y7Ek/ 1.带箭头焦点轮播图js完成版 1.1 html部分 <!DOCTY ...
“网络三结义”--mpls 进阶实验详细配置
实验拓扑: 基础配置: 1. 对每个设备进行ip地址的配置 (这些基础配置就不在这里赘述) 2.在R2 R3 R4 上运行ospf协议 3. 运行 ospf协议之后, R2 R4 运行bgp协议, ...
刘关张三结义（第七次作业）
package pjh1;public class A {public int id;public String name;public int age;public String city;publ ...
(三款)Html5+Css+JavaScript实现2023年跨年代码烟花设计
简介一共是三款烟花设计 Html5+Css+JavaScript实现2023年跨年代码烟花设计主题第一款 (有雪花设计没有音乐) index.html <!DOCTYPE html> ...
基于HTML5+CSS+JavaScript+ Three.js实现的Free-Form-Deformation（FFD三维自由变形）
资源下载地址:https://download.csdn.net/download/sheziqiong/85610855 一.实验目的和要求掌握 FFD 变形算法的思想与实现原理. 能够实现交互控 ...

桃园三结义之HTML、CSS、JavaScript

桃园三结义之HTML、CSS、JavaScript相关推荐

最新文章

热门文章