css选择器的声明，学JavaScript需要css和HTML的基础吗_CSS学习

资料来源：网络整理时间：2023/3/4 1:35:24 共计：3596 浏览

1、css选择器的声明，学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。

图三：

关于编程语言学习的一些心得

最后在啰嗦几句关于编程语言学习的心得。编程语言的学习首先充分的了解一下要这个语言，该语言的作用，以及类型。找一套完整的课程，一定要有项目的那种。边学习边自己动手敲代码，每一个知识点自己都要能敲出来，不能听懂就可以了！要是能够独立的完成一个简单项目的话，那就证明你已经入门了，但是要应聘一个前端的工作。光着三样还不够如图三所示。还得学习一些其他框架作为支撑。

2、用什么表示子代选择器？

CSS3中的关系选择器主要包括子代选择器和兄弟选择器，其中子代选择器由符号连接，兄弟选择器由符号“+”和“~”连接，具体如下所示。

（1）关系选择器

例如： h1>strong

说明：表示选择嵌套在h1标记的子标记strong。

（2）临近兄弟选择器

例如： h2+p

说明：表示选择h2标记后紧邻的第一个兄弟标记p。

（3）普通兄弟选择器

例如：p~h2

说明：表示选择p标记所有的h2兄弟标记

3、元素选择器的权值规则是哪些？

1. 内联样式表的权值最高 1000 2. ID 选择器的权值为 100 3. Class 类选择器的权值为 10 4. HTML 标签选择器的权值为 1 CSS 优先级法则： A 选择器都有一个权值，权值越大越优先 B 当权值相等时，后出现的样式表设置要优于先出现的样式表设置 C 创作者的规则高于浏览者：即网页编写者设置的CSS 样式的优先权高于浏览器所设置的样式 D 继承的CSS 样式不如后来指定的CSS 样式 E 在同一组属性设置中标有“!important”规则的优先级最大这是规定好的,自然不能打破

4、css加载字体太慢？

加载快的方法，单独的字体选择器：

如果字体使用时没有被加载完，用户将看到空白，直到字体加载。这，当然不是一件好事，如果字体加载失败。最起码，用户将会在空白的地方盯着几秒钟。最好是配合被添加到body的字体加载后声明自定义字体。

以上供参考！

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：css选择器特异性计算，类选择器语法_CSS学习 | ·下一条：css3的基本选择器是，初学者可以直接跳过CSS直接学习CSS3吗_CSS学习