第2章 前端入门(2 / 2)

元素就是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%的透明度,能隐约看到里面的肉肉。

所以,带点透明度的黑丝袜,才是好丝袜。

一点都不透的,那叫打底裤。

投推荐票上一章章节目录下一章加入书签返回书架

最新小说: 豪门弃女霸宠入怀秦音墨亦琛 玄幻:我的卧底生涯全是梗 我家鱼塘 [崩铁]在我的bgm里,我无敌 爸爸嫁入豪门,小奶包抱紧金饭碗 嫁给豪门老男人,小娇妻被宠疯了 昼夜颠倒,封少揽我入怀 天眼中场 奥特曼大奖赛!我,诺亚人间体 魔兽世界万物凋零