虫虫-

摘要： Day4课程 综合案例练习 emmet写有规律的数字：$，例如：ul>li{$}*4 阅读全文

摘要： Day4课程 2-Flex布局 ○ Flex布局也叫弹性布局，是浏览器提倡的布局模型，非常适合结构化布局，提供了强大的空间分布和对齐能力。 ○ Flex模型不会产生浮动布局中脱标现象，布局网页更简单、更灵活。 左右排列、上下排列都是结构化布局。 组成 ○ 设置方式：给父元素设置 display: f 阅读全文

摘要： Day4课程 1-课程介绍 + 标准流、浮动 标准流、浮动、flex布局 标准流 也叫文档流。指的是标签在页面中 默认的 排布规律，例如：块元素独占一行，行内元素可以一行显示多个。 ☆ 今日课程目的：让块级显示模式的盒子在一行内显示（两种选择：浮动（了解）、flex布局） 浮动（了解） 总结： ○ 阅读全文

摘要： Day3 综合案例练习 CSS 书写顺序： 1.盒子模型属性 2.文字样式 3.圆角、阴影等修饰属性 （先整体再局部） 用像素大厨分析网页。 准备工作： 清除默认样式，并启动盒子大小的内减模式 * { /* 最基础：清除默认页面样式部分 + 启动内减模式 */ margin: 0; padding: 阅读全文

摘要： Day3 3-CSS其余操作 1.清除默认样式 两种方式，推荐方法一 /* 方法一：京东的通配符选择器*/ * { margin: 0; padding: 0; } /* 方法二：淘宝的并集选择器，其中包括一些已经淘汰的标签选择器 */ (一堆的并集选择器) { margin: 0; padding 阅读全文

摘要： Day3 2-盒子模型（重点） 组成 ○ 作用：布局网页，摆放盒子和内容 ○ 重要组成部分： ● 内容区域 - width & height ● 内边距 - padding/padding-方位名词 多值写法：（从最上开始，顺时针赋值，如果当前方向没有数值，则取值与对侧相同） ○ 一个值：上下左右 阅读全文

摘要： Day2课程 5-显示模式 显示模式：标签（元素）的显示方式 验证 分三步走： 1. 写两个相同的标签，在浏览器中查看是否在一行内显示（是否 独占一行） 2. 看默认宽高是多少（宽高尺寸 是否 由内容展开） 3. 加宽高，看是否生效 1.块级元素 ○ 独占一行 ○ 宽度默认是父级的100% ○ 添加 阅读全文

摘要： Day2课程 4-background 的两种写法 背景图片background - 拆分写法、复合写法 复合写法 属性名：background 属性值：背景色 背景图 平铺方式 位置/缩放 固定（空格隔开各个属性，不区分顺序） 拆分写法的各个属性及属性值 背景图的相关属性 描述 属性 背景色 ba 阅读全文

摘要： VSCode技巧之 Emmet 写法 Emmet写法：代码的简写方式，输入缩写 vscode 会自动生成对应的代码 html css：大多数简写方式为属性单词的首字母 反正多用就行啦哈哈 阅读全文

摘要： Day2 2-CSS特性 css特性：化简代码 / 定位问题，并解决问题 继承性 层叠性 优先级 1. 继承性 子级默认继承父级的文字控制属性。 ○ 一般把文字控制的属性设置给body的标签，这样的话包里所有标签都会继承这两行文字相关的效果。 ○ 而不一样的文字就用选择器找到对应的标签单独设置即可。 阅读全文