这是我参加「第四届青训营 」笔记创作活动的的第2天

根底

如何在页面中运用CSS

有三种方法。

第一种是内联，直接在标签内增加style特点来操控该标签内容，不建议运用

<phljs-attribute">font-size:26px;color: pink;">
        字体巨细26px
</p>

第二种是嵌入式写法，在<head></head>内增加<style></style>来挑选操控相应的内容

<style>
        p{
            font-size:26px;
            color: pink;
        }
</style>

第三种是链接外部CSS文件来更改当前页面的内容的款式，简称外链。推荐运用

<link rel="stylesheet" href="../css/lianxi.css">

CSS的运用

CSS用来定义元素的款式，例如设置字体的巨细和色彩，内容的方位和长宽，还有给内容增加各种动画作用。 CSS用挑选器来选中要操控的内容，常用的有标签挑选器、ID挑选器、类挑选器、通配挑选器和特点挑选器。 而且挑选器有优先级，优先级越高页面内容就会优先运用该挑选器来操控页面内容。 优先级从高到低的排序为：ID挑选器>类挑选器>标签挑选器>通配挑选器>特点挑选器。

例：

伪类挑选器的组合方法：

第二课理解CSS | 青训营笔记

同样的挑选器还能写在全部写在一同，叫做挑选器组，用它来实现一致操控页面内容款式。

p,h1,h2,div{
            font-size: 28px;
            color: #999;
        }

CSS作业原理

第二课理解CSS | 青训营笔记
浏览器翻开页面的时分，会加载页面的HTML进行渲染，解分出HTML的DOM树，一起加载出CSS而且解析CSS，然后浏览器会把DOM树的每个节点解分出来，再将对应的CSS款式渲染到DOM树里边，最终展示出设置好的作用。

设置色彩透明度

深化CSS

布局的相关技能

页面内会有多个容器，用CSS来操控对应容器的内容来实现页面的布局。 布局常用的相关技能有三种，常规流、起浮、肯定定位。

第二课理解CSS | 青训营笔记

常规流就是运用常规的块级元素和行内元素等在页面进行布局排版，如果不进行其他操作，页面内容会从上往下，从左到右来进行排列。

起浮就是让指定的容器漂浮起来，它可以掩盖掉块元素，可是不会掩盖行内元素。

肯定定位就是将子元素操控在父元素内的指定方位，它是相对于父元素的方位。

比如：