- 博客(6)
- 收藏
- 关注
RSS订阅原创 CSS工程化
CSS工程化CSS工程化一、变量创建变量书写格式：1.嵌套选择器2.混合器创建混合器（不带参 )创建混合器（带参） CSS工程化 一、变量 创建变量书写格式： $变量名：属性值 $bs:5px solid rgb(144, 144, 252); $bgc: rgb(106, 227, 243); 功能：批量修改和复用当前css内容 引用：在需要相同属性的元素使用变量 1.嵌套选择器 &:表示同级 header{ height: 200px; nav{ height:
2021-04-24 18:41:40
73
原创 弹性布局
弹性布局弹性布局一、主轴二、交叉轴align-item项目的属性 弹性布局 组成部分： 容器：父元素 项目：子元素 主轴：X轴（默认） 交叉轴：Y轴（默认） display不具备继承性 添加flex的标签就是容器，子元素就是项目 功能： 1.所有子元素默认情况下在一行显示 2.如果所有项目宽度之和大于容器宽度，项目会自动缩小。 即不会超出容器尺寸（不会换行） 一、主轴 fl
2021-04-24 18:31:40
317
原创 视觉格式化模型（visual formatting model）&定位体系
视觉格式化模型（visual formatting model）几个基本概念视觉格式化模型视口包含块一、 定位体系是什么？？定位体系的判断步骤二、常规流盒模型中的尺寸盒模型中的auto值盒模型中的auto值-水平方向（margin-left，margin-right，内容width）盒模型中的auto值-垂直方向盒模型中的盒子位置三、浮动盒子位置清除浮动三、绝对定位1.固定位置2.绝对位置堆叠级别：z-index 几个基本概念 视觉格式化模型 css的一种机制，它规定了页面中的多个盒子如何布局 视口 视口
2021-03-28 18:57:46
176
原创 盒模型
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 # 盒模型盒模型一一.盒子的分类二.盒子的组成padding取值；margin取值边框css新增通过css得到一个三角形盒模型二一、相关设置设置width，height最大/小 宽高溢出内容显示设置断词规则盒子扩展内容：子盒子二、背景背景图片设置背景的显示区域（颜色）设置背景的渲染区域 (图片)三、标准盒模型和IE盒模型的区别IE盒模型的适用场景轮廓：outline四、继承 inherit可以继承条件强制继承 盒模型一 一.盒子的分类 不同
2021-03-21 13:44:53
104
原创 HTML&CSS
HTML&CSS一.超链接 a标签二.绝对路径和相对路径（地址）绝对路径相对路径区别绝对路径和相对路径三.文本元素四.无语义元素五.实体字符六.css术语1.使用外部样式表2.使用内部样式表3.使用行内样式表4.css规则5.css选择器基本选择器（1）元素选择器(2）类选择器(3）id选择器（js使用）(4）组合选择器，并集选择器命名规范层次选择器（1）子级选择器（2）后代选择器（3）兄弟选择器伪类选择器1.选中第一个元素2.选中最后一个元素3.选中第n个元素（方式一）选中第n个元素（方式二）4.
2021-03-21 13:28:15
175
1
原创 HTML
HTML 一.是什么？？ 1.HTML:根据W3C定义，全称为HyperText Markup Language 用于定义文档的内容结构 中文全称：超文本标记语言 二.什么是HTML元素？？ HTML元素是HTML文档的重要组成部分，由大量元素组成。HTML中所有内容结构都是靠元素组织到页面中的 HTML文档是由很多元素组成（标题，图片，文字等等可见东西） 三.HTML元素的组成部分？？ 元素书写格式 起始标签+元素内容+结束标签 例：<title>第一个网页</title>
2021-03-20 20:49:55
100
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人