E小说 > 都市小说 > 开局:我用代码给领导整活 > 第2章 前端入门

中年人看着一言不发的林禹,语气逐渐危险起来:“你可要想清楚了,咱们这个圈子实际上挺小的,大厂就那么几家。
  如果上了HR黑名单,其他公司会慎重录用的。
  而且你工作经验还未满3年,在自由市场上可能连简历初筛都过不了。”
  林禹回过神,立马堆笑:“熊哥言重了,我刚刚只是突然灵光一闪,想到咱们的项目还可以再优化,把首屏渲染的速率压缩到700毫秒之内。”
  “我对组织做出的决定没有任何意见,我们应该克服困难,与公司一起共渡难关。”
  “您要是没其他事的话,我先回去了,刚刚的想法我想快速验证一下。”
  被称为“熊哥”的中年人,听到这些话之后,脸色缓和了不少:“看来你的觉悟很高,好好干,组织不会亏待你的。”
  就在这一瞬间,林禹发动了调试技能。
  视界右边弹出了调试面板,和在浏览器中按F12的效果是一样的。
  靠意念,迅速找到并选中了“熊哥”的HTML标签。
  (后面的是前端入门教程,觉得枯燥的可以直接跳过本章)
  ……
  ……
  所谓HTML,全称  HyperText  Markup  Language,即“超文本标记语言”,是一种用于创建网页的标准标记语言。
  所有的网页,不管再怎么压缩混淆编译,最后呈现在浏览器的一定是HTML语言。
  而光有HTML还不够,因为基础的样式非常的丑。
  现代的网页,会配合CSS(Cascading  Style  Sheets,层叠样式表)进行美化。
  如果说HTML是网页的骨架+血肉,那么CSS就是化妆+美颜。
  而HTML标签,可以理解为网页的一个个器官。
  当鼠标滑过调试面板的标签时,左边页面会高亮显示对应的元素,方便程序员定位。
  同理,如果点击调试面板最左上角的按钮(或者按下  Ctrl  +  Shift  +  C),再去点击页面你想查看的元素,就能快速定位HTML标签。
  当选中标签后,调试面板最右边就会随着标签改变而改变,所有对该标签生效的CSS样式,都会出现在这里。
  有人可能会问,一个页面,有成百上千个多标签,每个标签都写样式,那不得累死。
  程序员是最会偷懒的职业之一,所以他们提出了【CSS选择器】的概念。
  只要是符合“选择器”的标签,都会生效。
  常见的选择器有:元素选择器,id选择器,class选择器。
  元素就是HTML的标签,又称为“标签名选择器”。
  id就是标签里的id属性,标准的规范里,一个页面,只能出现唯一的id名,也就是如果一个标签用了这个id,其他标签就不能再添加这个同名的id。
  而class(类名)就没有这个限制,理论上一个页面可以拥有无数个相同class的标签。
  而同一标签也可以拥有多个class,用空格隔开。
  至于CSS属性,就是以花括号包裹的键值对,左边为“键(key)”,右边为“值(value)”,每条属性后用分号“;”结尾,具体看截图。
  (截图放文末了,有兴趣的读者可以自行打开浏览器调试)
  众所周知,世间万物的颜色,均可以由“三原色”按比例调配合成。
  而在CSS这里,就由红(red)、绿(green)、蓝(blue)组成三原色。
  于是颜色的属性,可以用  background-color:  rgb(255,  0,  0);  来表示。
  数值最大的就是255,所以上面表示:“其他色域不要动,红色色域给我拉满”。
  于是最终呈现的就是绝对的红色。
  而3个都是255,表示白色,3个都是0,表示黑色。
  某些特殊场景,比如加一点透明度。
  这就要用到另一个语法:rgba
  rgb就不再解释了,a代表什么?
  a全称“alpha”,读作“阿尔法”,代表透明度的意思,取值范围0~1。
  如果你想让一个元素,透明度为77%,那么a的值就写成  0.77  。
  这里举个喜闻乐见的例子:
  <div  id="刻晴刚脱下的原味的"  class="丝袜"></div>
  如果在CSS样式的属性中这么写:
  background-color:  rgba(0,  0,  0,  0.77);
  那么具体的表现就是这条黑丝袜,带77%的透明度,能隐约看到里面的肉肉。
  所以,带点透明度的黑丝袜,才是好丝袜。
  一点都不透的,那叫打底裤。

(https://www.eexsww.cc/113277/36793008/)


1秒记住E小说网:www.eexsww.cc。手机版阅读网址:m.eexsww.cc