图一：
JavaScript，HTML和CSS三者的关系
如果把制作的一个前端界面看成制作一个美女的话，那么HTML就是这个美女的骨架，它是支撑起挣界面布局的架子，身高多少，手脚多大等等这些都是HTML来完成的。CSS则是给这个美女填充上肌肉，穿上漂亮的衣服。虽然这个时候虽然已经是成了人形但还不能动。现在就需要JavaScript出场了，JavaScript的作用就是让这个人活起来，动起来。
图二：
JavaScript这个语言有个特别之处
从上面的描述就可以看出来，JavaScript在前端中是不能单独使用的，必须配合HTML和CSS。其实从单纯的学习看来，JavaScript作为一种语言，学习起来和其他语言一样，是不需要HTML和CSS基础的。但是它又和其他后端语言不同，不能单独用于开发。要体现它编程的效果，就得引入HTML和CSS。所以最后的出的结论就是要想学习JavaScript必须要会HTML和CSS。
图三：
关于编程语言学习的一些心得
最后在啰嗦几句关于编程语言学习的心得。编程语言的学习首先充分的了解一下要这个语言，该语言的作用，以及类型。找一套完整的课程，一定要有项目的那种。边学习边自己动手敲代码，每一个知识点自己都要能敲出来，不能听懂就可以了！要是能够独立的完成一个简单项目的话，那就证明你已经入门了，但是要应聘一个前端的工作。光着三样还不够如图三所示。还得学习一些其他框架作为支撑。
@ css两大基本结构？
CSS由若干条“规则”组成，每条规则有两个部分：“选择器”和“声明块”。如
h1 {
color: red;
}
@ html5的CSS3选择器中？
选择父级下第一个元素和最后一个元素如：
aaaabbbbcccccdddd.list li:first-child{color:#f00;} //只有aaa变红色.list li:last-child{font-weight:bold;} //只有dddd变粗体
@ 怎样区分后代选择器和子代选择器？
1.第一从符号上来区分后代选择器：是用空格来分隔开来 例如<h1>一个<span>人</span>的战争</h1> 就是h1 span{}子代选择器：用特殊符号> 例如 h1>span{}
2.第二从用法上区分后代选择器html部分：<ul class=”study”><li>物理 <ul> <li>力学</li> <li>声学</li> <li>电磁学</li></ul></li><li>数学<ul> <li>微积分</li> <li>概率论</li> <li>博弈论</li></ul></li> </ul> css部分//使用子代选择器的效果.study >li{ border:1px solid red;/*只给物理和数学加一个红色方框*/}//使用后代选择器的效果.study li{ border:1px solid red;/*给物理 力学 声学 电磁学 和数学 微积分 概率论博弈论都加一个红色方框*/}这说明子代是他是单传只给物理和数学就断子绝孙，后代是一代传一代。
子代选择器时效果图：
后代选择器时效果图：
