我们说,Web前端三剑客:HTML、CSS、JavaScript,它们看上去是三种不同的技术,但在实际中却是相互搭配使用的。
HTML是用来标记内容的(重在内容组织上)
HTML是超文本标记语言的简称,它是一种不严谨的、简单的标识性语言。它用各种标签将页面中的元素组织起来,告诉浏览器该如何显示其中的内容。
为什么说HTML是不严谨的呢?因为HTML标签即使不闭合,也并不会影响页面内容的组织。
CSS是用来修饰内容样式的(重在内容样式美化展示上)
CSS是层叠样式表的简称,它用来表现HTML文件样式的,简单说就是负责HTML页面中元素的展现及排版。
JavaScript是用来做交互的
JavaScript是一种脚本语言,即可以运行在客户端也能运行在服务器端。JavaScript的解释器就是JS引擎,JS引擎是浏览器的一部分。而JavaScript主要是用来扩展文档交互能力的,使静态的HTML具有一定的交互行为(比如表单提交、动画特效、弹窗等)。
HTML与CSS及JS的关系
这三者99%的情况下都是搭配使用的,但也不是绝对的,具体关系是:
HTML与CSS、JS是不同的技术,可以独立存在;
HTML一般需要CSS和JS来配合使用,否则单一HTML文档无论是功能还是展示上效果都不理想;
CSS一般是不能脱离HTML或XML的,如果CSS脱离了HTML和XML,那就没有存在的必要的;
JS可以脱离HTML和CSS而独立存在;
JS可以操作HTML和CSS。
总结:如果把HTML比做身体,那CSS就好比是衣服,而JavaScript则意味着人能做的一些高级动作。
以上就是我的观点,对于这个问题大家是怎么看待的呢?欢迎在下方评论区交流 ~ 我是科技领域创作者,十年互联网从业经验,欢迎关注我了解更多科技知识!
"
学JavaScript需要css和HTML的基础吗?
作为一个老IT人,可以回答一下这个问题。搞前端开发的人都知道,HTML,CSS,JavaScript是前端三剑客,是作为一个前端开发者必须要掌握的知识。在这里我们先说一下这三者在开发中的作用,可能解释完以后你就会明白了。
图一:
JavaScript,HTML和CSS三者的关系
如果把制作的一个前端界面看成制作一个美女的话,那么HTML就是这个美女的骨架,它是支撑起挣界面布局的架子,身高多少,手脚多大等等这些都是HTML来完成的。CSS则是给这个美女填充上肌肉,穿上漂亮的衣服。虽然这个时候虽然已经是成了人形但还不能动。现在就需要JavaScript出场了,JavaScript的作用就是让这个人活起来,动起来。
图二:
JavaScript这个语言有个特别之处
从上面的描述就可以看出来,JavaScript在前端中是不能单独使用的,必须配合HTML和CSS。其实从单纯的学习看来,JavaScript作为一种语言,学习起来和其他语言一样,是不需要HTML和CSS基础的。但是它又和其他后端语言不同,不能单独用于开发。要体现它编程的效果,就得引入HTML和CSS。所以最后的出的结论就是要想学习JavaScript必须要会HTML和CSS。
图三:
关于编程语言学习的一些心得
最后在啰嗦几句关于编程语言学习的心得。编程语言的学习首先充分的了解一下要这个语言,该语言的作用,以及类型。找一套完整的课程,一定要有项目的那种。边学习边自己动手敲代码,每一个知识点自己都要能敲出来,不能听懂就可以了!要是能够独立的完成一个简单项目的话,那就证明你已经入门了,但是要应聘一个前端的工作。光着三样还不够如图三所示。还得学习一些其他框架作为支撑。
自己看了下前端的视频,感觉好懵,CSS和HTML是什么?看到视频还是不懂,你们是怎么学的?
Html和css都是前端必须掌握的技术知识,也是很多编程入门课程。
既然是入门必学,从我理解开始,它们学起来相对简单,容易上手。
既然必须掌握,那么它们的重要性不言而喻,尤其对前端童鞋们来说。
我一个搞后端的,我当时就是从html学起,学完后紧接着就是css。
Html是超文本标记语言,它有一系列的html标签或者说指令。通过这些指令将一些文字,图片,视频,超链接啊等资源进行整合通过浏览器渲染出来。
Html更像是盖房子的骨架。像什么钢筋水泥,混凝土,砖头等可以理解为它的标签。
其实我觉得当初发明这种语言的应该是类比人来说的吧。
Html的结构有head title script style body footer等组成。
下面是它的大致结构。
这些基本上就是一个空壳子,就跟房子的骨架一样。我们大多都是往它的body里面添加内容,浏览器上看到的文本,图片,视频大多数都是body的东西。标题和网页的图标是在浏览器的选项卡那能看到。
而css就是用来给房子装修,或者说我们人化妆穿衣打扮。目的就一个,让html更好看一些。吸引用户的眼球。但是它只能让html穿上衣服,就跟画画上色一样,都是静态的。
如果让美美的外衣动起来,画出的内容更加炫酷。就用到了JavaScript,也就是js。
切不可把js和Java混淆了。
css,js都是为html服务的。前者使它文静的美,后者让它动感的炫!
说了这么多,到底怎么学?
看视频看不懂?
对于初学者来说,看视频肯定学不会或者说学不好的。
为什么?
因为这些html和css标签都让你看的眼花缭乱。这些js方法都够你头大的。
那么问题出在哪呢?
那就是学习方法!
学技术,绝不是纯粹的靠看视频就能学会的。它更重要的在于六个字:多练,多练,多练!
只有看视频的同时,多拿笔或者多动手敲,才有效果。
而且这个效果非常明显!
我可以告诉你的是,这些看似很多的标签,一个都不用刻意的去死记硬背!
而且背是没什么用的,因为今天可能这个版本有这个标签,可能明天就废弃了。技术更新迭代的很快,只有掌握了核心的思想,就可以以不变应万变!
我当初学习就这样,自己动手跟着视频一个字母一个字母敲。
敲得多了,自然就记住了。慢慢的去尝试做一些网页,结合实际的项目,日积月累。各种布局,各种页面样式,各种交互,看的多了练的多了。基本功练扎实了,以后回过头你就发现,哇好简单。
看到一个好的网站,你脑海中就能立马展现出可能别人是怎么布局的,怎么配色的,哪些动画用可能用到了哪些方法。甚至你能一眼看出他前端用到了什么框架。
OK,说到这里我想你一定知道怎么去学,怎么有效的学,怎么学的更快更扎实了吧。