【夯实基础--CSS】

本文已参与掘金创作者训练营第三期「话题写作」赛道，详情查看：掘力计划｜创作者训练营第三期正在进行，「写」出个人影响力。 场景引入 前端攻城狮们大都或多或少地接触过CSS伪类和伪元素，比如最常见的:fo

「本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！」 前言 好了，言归正传，xdm准备好了么？ 项目属性 order 取值：默认0，用于决定项目排列顺序，数值越小，项目

在css中单位长度用的最多的是px、em、rem，这三个的区别是： px是固定的像素，一旦设置了就无法因为适应页面大小而改变。 em和rem相对于px更具有灵活性，他们是相对长度单位，意思是长度不是定

CSS高级技巧 CSS用户界面样式 所谓的界面样式， 就是更改一些用户操作样式， 比如 更改用户的鼠标样式， 表单轮廓等。但是比如滚动条的样式改动受到了很多浏览器的抵制，因此我们就放弃了。 防止表单域

元素的显示与隐藏 目的: 让一个元素在页面中消失或者显示出来 场景: 类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现！ 1.1 display 显示（重点） display设置

CSS背景(background) 「1. 背景颜色」 「2. 背景图片(image)」 「3. 背景平铺（repeat）」 参数 作用 repeat 背景图像在纵向和横向上平铺（默认的） no-re

标签显示模式(display) 标签显示模式是标签以什么方式进行显示。HTML标签一般分为块标签和行内标签两种类型，它们也称为块元素和行内元素。 标签显示模式转换 display 块转行内：displ

CSS字体样式 font字体 「1. font-size」 font-size属性用于设置字号(字体大小) 谷歌浏览器默认的文字大小为16px 不同浏览器可能默认显示的字号大小不一致，我们尽量给一个明

CSS基础选择器 CSS选择器作用 找到指定的HTML页面元素，选择标签。 CSS基础选择器 「1. 标签选择器」 标签选择器（元素选择器）是指用HTML标签名称作为选择器，按标签名称分类，为页面中某

CSS复合选择器 复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的 「1. 后代选择器」 又称为包含选择器 用来选择元素或元素组的子孙后代 其写法就是把外层标签写在前面，内层标签写在后面，

浮动 「1. CSS布局的三种机制」 CSS 提供了3种机制来设置盒子的摆放位置，分别是普通流（标准流）、浮动和定位，其中： A. 普通流（标准流） 块级元素会独占一行，从上向下顺序排列； 常用元素：

前言 其实，CSS就三个大模块： 盒子模型 、 浮动 、 定位，其余的都是细节。这三部分，无论如何也要学的非常精通。 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容

CSS 三大特性 一、层叠性 所谓层叠性是指多种CSS样式的叠加。 是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉 比如先给某

定位(position)将盒子 「定」 在某一个 「位」 置 自由的漂浮在其他盒子(包括标准流和浮动)的上面。 所以，我们脑海应该有三种布局机制的上下顺序👇👇 标准流在最底层 (海底) 浮动