华新社

第2章 前端入门（第1页）

中年人看着一言不的林禹，语气逐渐危险起来：“你可要想清楚了，咱们这个圈子实际上挺小的，大厂就那么几家。

如果上了hr黑名单，其他公司会慎重录用的。

而且你工作经验还未满年，在自由市场上可能连简历初筛都过不了。”

林禹回过神，立马堆笑：“熊哥言重了，我刚刚只是突然灵光一闪，想到咱们的项目还可以再优化，把屏渲染的率压缩到oo毫秒之内。”

“我对组织做出的决定没有任何意见，我们应该克服困难，与公司一起共渡难关。”

“您要是没其他事的话，我先回去了，刚刚的想法我想快验证一下。”

被称为“熊哥”

的中年人，听到这些话之后，脸色缓和了不少：“看来你的觉悟很高，好好干，组织不会亏待你的。”

就在这一瞬间，林禹动了调试技能。

视界右边弹出了调试面板，和在浏览器中按f的效果是一样的。

靠意念，迅找到并选中了“熊哥”

的htl标签。

（后面的是前端入门教程，觉得枯燥的可以直接跳过本章）

……

……

所谓htl，全称hypertextarkupngua，即“文本标记语言”

，是一种用于创建网页的标准标记语言。

所有的网页，不管再怎么压缩混淆编译，最后呈现在浏览器的一定是htl语言。

而光有htl还不够，因为基础的样式非常的丑。

现代的网页，会配合gstyesheets，层叠样式表）进行美化。

如果说htl是网页的骨架+血肉，那么css就是化妆+美颜。

而htl标签，可以理解为网页的一个个器官。

当鼠标滑过调试面板的标签时，左边页面会高亮显示对应的元素，方便程序员定位。

同理，如果点击调试面板最左上角的按钮（或者按下ctr+shift+c），再去点击页面你想查看的元素，就能快定位htl标签。

当选中标签后，调试面板最右边就会随着标签改变而改变，所有对该标签生效的css样式，都会出现在这里。

有人可能会问，一个页面，有成百上千个多标签，每个标签都写样式，那不得累死。

程序员是最会偷懒的职业之一，所以他们提出了【css选择器】的概念。

只要是符合“选择器”

的标签，都会生效。

常见的选择器有：元素选择器，id选择器，cass选择器。

元素就是htl的标签，又称为“标签名选择器”

。

id就是标签里的id属性，标准的规范里，一个页面，只能出现唯一的id名，也就是如果一个标签用了这个id，其他标签就不能再添加这个同名的id。

而cass（类名）就没有这个限制，理论上一个页面可以拥有无数个相同cass的标签。