- 博客(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
94
原创 弹性布局
弹性布局弹性布局一、主轴二、交叉轴align-item项目的属性弹性布局组成部分： 容器：父元素 项目：子元素 主轴：X轴（默认） 交叉轴：Y轴（默认）display不具备继承性添加flex的标签就是容器，子元素就是项目功能： 1.所有子元素默认情况下在一行显示 2.如果所有项目宽度之和大于容器宽度，项目会自动缩小。 即不会超出容器尺寸（不会换行）一、主轴fl
2021-04-24 18:31:40
387
原创 视觉格式化模型（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
210
原创 盒模型
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档# 盒模型盒模型一一.盒子的分类二.盒子的组成padding取值；margin取值边框css新增通过css得到一个三角形盒模型二一、相关设置设置width，height最大/小 宽高溢出内容显示设置断词规则盒子扩展内容：子盒子二、背景背景图片设置背景的显示区域（颜色）设置背景的渲染区域 (图片)三、标准盒模型和IE盒模型的区别IE盒模型的适用场景轮廓：outline四、继承 inherit可以继承条件强制继承盒模型一一.盒子的分类不同
2021-03-21 13:44:53
118
原创 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
203
1
原创 HTML
HTML一.是什么？？1.HTML:根据W3C定义，全称为HyperText Markup Language用于定义文档的内容结构中文全称：超文本标记语言二.什么是HTML元素？？HTML元素是HTML文档的重要组成部分，由大量元素组成。HTML中所有内容结构都是靠元素组织到页面中的HTML文档是由很多元素组成（标题，图片，文字等等可见东西）三.HTML元素的组成部分？？元素书写格式起始标签+元素内容+结束标签例：<title>第一个网页</title>
2021-03-20 20:49:55
117
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人