CSS
CSS
不想成熟的大叔
依旧是热爱技术、醉心教育、喜欢分享,就是不想成熟的大叔~
展开
-
伪类选择器:可以预设未来某种状态
书接上文,上回书咱们讲到了 CSS 的群组选择器,这种选择器算是一种把咱们之前所有的选择器整合在一起来定位 HTML 元素的方式。而且到这为止,咱们已经把 CSS 的几类选择器都过了一遍。虽然可能你也只是有个印象而已,不过没有关系的,因为往后咱们接触到的每一块内容都要用到选择器。慢慢地,你也就会熟练起来啦!那么接下来,咱们要说一个 CSS 选择器里面比较特殊的内容,至少我觉得比较特殊,就是伪类选择器。原创 2020-07-22 22:13:57 · 133 阅读 · 0 评论 -
群组选择器:人多肯定好办事儿
书接上文,上回书咱们讲到了 CSS 的层级选择器,它主要是基于 HTML 元素之间的三种关系来定位 HTML 元素的。所以,想要搞清楚层级选择器,首先需要搞清楚 HTML 元素之间的三种关系是怎么样的。接下来,咱们来学习一下第四种选择器,叫做群组选择器。看到这个名字,可能你已经想到了,这种选择器就是把咱们之前已经掌握了的选择器来个整合。原创 2020-07-22 22:12:09 · 316 阅读 · 0 评论 -
层级选择器:利用关系来达到目标
书接上文,上回书咱们说到了 CSS 的基本选择器,虽然只有 5 个,但用法上还是有一些地方是需要咱们注意的。尤其是属性选择器和选择器的优先级别这两块内容上!接下来,咱们来说一说选择器里面的第二类,叫做层级选择器。这种选择器呢,说白了是利用 HTML 元素之间的关系来定位 HTML 元素的。所以说啊,想要把这种选择器搞明白,就得先搞明白 HTML 元素之间的关系是怎么样的。原创 2020-07-22 22:10:45 · 185 阅读 · 0 评论 -
基本选择器:样式设计的必备工具
书接上文,上回书咱们知道了 CSS 选择器能做什么,主要是选择器定位 HTML 元素的三种情况,以及选择器分成了五类。好吧!接下来,咱们就一类一类的来学习吧。原创 2020-07-22 22:08:13 · 199 阅读 · 0 评论 -
选择有很多种,CSS提供了哪些呢
如果你已经看到这儿了,那么恭喜你!你已经成功的入门了。至少现在你知道了 HTML 的基本结构、CSS 和 HTML 之间的关系,以及怎么在 HTML 里面使用 CSS。那么,接下来,咱们将学习对于 CSS 这妹子很重要的选择器。因为它是把 HTML 元素和 CSS 外联样式成功地连接在一起的纽带,说白了,CSS 样式想要作用在某个 HTML 元素上,就得先通过选择器定位到这个元素才可以。原创 2020-07-22 22:04:56 · 116 阅读 · 0 评论 -
想搞定HTML,那就先搞定CSS吧
书接上文,上回书咱们了解了一下 HTML 这妹子的好闺蜜 CSS,知道了 CSS 是谁,为啥她能和 HTML 成为这么好的闺蜜,以及她的成长背景。接下来,咱们要继续深入 CSS,为啥?因为你看到过不化妆就出门的妹子吗?!还是的,现在的 HTML 和 CSS 基本上是形影不离的。咱们想要把 HTML 搞到手,就得先从 CSS 下手。原创 2020-07-22 22:01:50 · 120 阅读 · 0 评论 -
CSS:一个HTML形影不离的闺蜜
书接上文,上回书咱们讲到了 HTML 的基本结构,了解到在 HTML 的基本结构里面,有着 HTML 声明、元素和元素的属性这些内容。算是完成了咱们和 HTML 这妹子的第一次吧!虽然简单了点,可是简单不好吗?!原创 2020-07-22 21:59:35 · 302 阅读 · 0 评论 -
CSS中的颜色其实很简单,不信你看
如果你已经看到了这儿,说明你已经掌握了 CSS 的选择器。学习选择器确实是一个很枯燥乏味的事情,又要记住数量庞大的选择器,还有它们的用法以及使用的时候需要注意的地方。接下来,咱们来讲一讲一个比较有趣的内容 - 颜色。CSS 里面有关颜色属性只有两个,一个是用来设置字体颜色的 color 属性,咱们一般把它称为前景色;一个是用来设置背景颜色的 background-color 属性,咱们一般把它称为背景色。原创 2020-07-23 21:47:44 · 324 阅读 · 0 评论 -
伪元素选择器:真实与虚伪只隔一个选择器
书接上文,上回书咱们讲到了一个特殊的选择器,叫做伪类选择器。这类选择器主要是用来设置 HTML 元素在某种状态下的样式。不是太好掌握,需要仔细地理解、消化,再加上自己的总结才行。接下来,咱们来说一说最后一种选择器,也是一种用法比较特殊的选择器,叫做伪元素选择器。原创 2020-07-22 22:15:51 · 279 阅读 · 1 评论 -
表示一个颜色居然有这么多种方式
书接上文,上回书咱们讲了 CSS 中的前景色和背景色。说白了,所谓的前景色就是给字体设置颜色,不过人家就叫前景色,咱也是没啥办法。背景色相对来说是比较简单的,但是要注意 background-color 属性的默认值是 transparent 表示透明。知道了怎么设置前景色和背景色了,可是咱们一直都是在用代表某个颜色的英文单词来设置颜色的。这时候,你可能会问了,除了这种方式之外,还有没有其他方式同样可以设置颜色呢?接下来,咱们就来说一说可以设置颜色值的类型。原创 2020-07-23 21:49:44 · 562 阅读 · 0 评论 -
你是否能看清这个世界,取决于透明度
书接上文,上回书咱们讲了 CSS 里面有关设置颜色值的三种方式。三种方式呢,具体的用法不同、使用的场景可能也不同,但是三种方式咱们都是需要掌握的。尤其是色彩关键字和 RGB 模式这两种,毕竟是目前比较主流的用法。 接下来,咱们来讲一讲颜色世界里面的最后一个内容 - 透明度。没错,你没有看错,就是透明度!之前咱们也不是没有说过它,在说 background-color 属性的默认值时,说是 transparent 就表示透明。但是,现在咱们要单独地来讲一讲透明度这个内容。原创 2020-07-23 21:51:03 · 120 阅读 · 0 评论