图一：
JavaScript，HTML和CSS三者的关系如果把制作的一个前端界面看成制作一个美女的话，那么HTML就是这个美女的骨架，它是支撑起挣界面布局的架子，身高多少，手脚多大等等这些都是HTML来完成的。CSS则是给这个美女填充上肌肉，穿上漂亮的衣服。虽然这个时候虽然已经是成了人形但还不能动。现在就需要JavaScript出场了，JavaScript的作用就是让这个人活起来，动起来。
图二：
JavaScript这个语言有个特别之处从上面的描述就可以看出来，JavaScript在前端中是不能单独使用的，必须配合HTML和CSS。其实从单纯的学习看来，JavaScript作为一种语言，学习起来和其他语言一样，是不需要HTML和CSS基础的。但是它又和其他后端语言不同，不能单独用于开发。要体现它编程的效果，就得引入HTML和CSS。所以最后的出的结论就是要想学习JavaScript必须要会HTML和CSS。
图三：
关于编程语言学习的一些心得最后在啰嗦几句关于编程语言学习的心得。编程语言的学习首先充分的了解一下要这个语言，该语言的作用，以及类型。找一套完整的课程，一定要有项目的那种。边学习边自己动手敲代码，每一个知识点自己都要能敲出来，不能听懂就可以了！要是能够独立的完成一个简单项目的话，那就证明你已经入门了，但是要应聘一个前端的工作。光着三样还不够如图三所示。还得学习一些其他框架作为支撑。
css 黑体加粗，css 点击触发，css 悬浮提示文字，html和css基础图解，css中外间距为，css3都有哪些字体，css4.0手册
@ 用什么表示子代选择器？
CSS3中的关系选择器主要包括子代选择器和兄弟选择器，其中子代选择器由符号连接，兄弟选择器由符号“+”和“~”连接，具体如下所示。
（1）关系选择器
例如： h1>strong
说明：表示选择嵌套在h1标记的子标记strong。
（2）临近兄弟选择器
例如： h2+p
说明：表示选择h2标记后紧邻的第一个兄弟标记p。
（3）普通兄弟选择器
例如：p~h2
说明：表示选择p标记所有的h2兄弟标记
@ 元素选择器的权值规则是哪些？
1. 内联样式表的权值最高 1000 2. ID 选择器的权值为 100 3. Class 类选择器的权值为 10 4. HTML 标签选择器的权值为 1 CSS 优先级法则： A 选择器都有一个权值，权值越大越优先 B 当权值相等时，后出现的样式表设置要优于先出现的样式表设置 C 创作者的规则高于浏览者：即网页编写者设置的CSS 样式的优先权高于浏览器所设置的样式 D 继承的CSS 样式不如后来指定的CSS 样式 E 在同一组属性设置中标有“!important”规则的优先级最大 这是规定好的,自然不能打破
@ css加载字体太慢？
加载快的方法，单独的字体选择器：如果字体使用时没有被加载完，用户将看到空白，直到字体加载。这，当然不是一件好事，如果字体加载失败。最起码，用户将会在空白的地方盯着几秒钟。最好是配合被添加到body的字体加载后声明自定义字体。
以上供参考！