第2章 前端入门

请关闭浏览器的阅读/畅读/小说模式并且关闭广告屏蔽过滤功能，避免出现内容无法显示或者段落错乱。

元素就是HTML的标签，又称为“标签名选择器”。</p>

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

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

而同一标签也可以拥有多个class，用空格隔开。</p>

至于CSS属性，就是以花括号包裹的键值对，左边为“键(key)”，右边为“值(value)”，每条属性后用分号“;”结尾，具体看截图。</p>

（截图放文末了，有兴趣的读者可以自行打开浏览器调试）</p>

众所周知，世间万物的颜色，均可以由“三原色”按比例调配合成。</p>

而在CSS这里，就由红（red）、绿（green）、蓝（blue）组成三原色。</p>

于是颜色的属性，可以用 background-color: rgb(255, 0, 0); 来表示。</p>

数值最大的就是255，所以上面表示：“其他色域不要动，红色色域给我拉满”。</p>

于是最终呈现的就是绝对的红色。</p>

而3个都是255，表示白色，3个都是0，表示黑色。</p>

某些特殊场景，比如加一点透明度。</p>

这就要用到另一个语法：rgba</p>

rgb就不再解释了，a代表什么？</p>

a全称“alpha”，读作“阿尔法”，代表透明度的意思，取值范围0~1。</p>

如果你想让一个元素，透明度为77%，那么a的值就写成 0.77 。</p>

这里举个喜闻乐见的例子：</p>

＜div id="刻晴刚脱下的原味的" class="丝袜"＞＜/div＞</p>

如果在CSS样式的属性中这么写：</p>

background-color: rgba(0, 0, 0, 0.77);</p>

那么具体的表现就是这条黑丝袜，带77%的透明度，能隐约看到里面的肉肉。</p>

所以，带点透明度的黑丝袜，才是好丝袜。</p>

一点都不透的，那叫打底裤。</p>