*{ margin: 0; padding: 0;}body{ background-color: lightpink; min-height: 2000px;}/*清除列表默认样式*/li{ list-style: n...

1027作业grid布局显示网格与项目属性 item1 .container{ ...

flex 布局的基本概念Flexible Box 模型，通常被称为 flexbox，是一种一维的布局模型。它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。 flex容器flex基本代码 boss1 ...

实例演示flex容器与项目常用属性,并图示常用术语Flex 布局(一维)Flex 术语 1. flex 容器: `display: flex / inline-flex`2. flex 项目: flex 容器的子元素(仅限子元素,可嵌套)3. fle...

1026作业1.flex容器1.1必须是容器项目里面的子元素2.2flex支持嵌套(一) 容器属性 display: 容器类型(块或行内)flex-flow: 主轴方向与是否换行place-content: 项目在”主轴”上的排列方式place-i...

grid布局一、笔记 grid布局，又称网格布局或者栅格布局，是目前css中唯一的一个二维布局方式；grid布局，将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次关系像表格一样，网格布局能够按行和列来对齐元素 二、几个常用概念 容器元...

一.淘宝移动端首页pc端实在不会写，基础太差，目前阶段只能照猫画猫，我在复习复习 1.效果图 2.代码部分

如今，人们对于体育健身以及健康个性化生活的需求与日俱增，健身作为一项缓解工作和学业压力的运动，健身房正好贴合了当代人的需求，因此健身房也成为了人们余暇时间的好去处。因此，开发一款属于健身房预约的小程序这时候正好可以派上用场。可以预防人员多难造成用户等...

pc端效果图如下全部完成,pc端大概花了7~9个小时.自我感觉,如果肯再花4~5个小时精修一下,还原度应该就差不多了…如果再肯花1~2天时间,布局能更优雅和更合理移动端是花了4个小时…哎~ 目前遗留问题, 部分字号混乱间距&对齐方内容丰富度 犹豫再...

flex容器与项目常用属性一、笔记 flex:Flexible Box 模型，通常被称为 flexbox，是一种一维的布局模型。它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。 flexbox 是一种一维的布局，是因为一个 fle...

一.隐式网格1.代码输出 2.代码部分

1025作业1. 字体图标阿里图标获取网址: https://www.iconfont.cn/

手机/平板效果图PC端效果图CSS样式* {     margin: 0;     padding: 0;   &nbs...

字体图标和媒体查询一、字体图标——iconfont1、笔记 字体图标使用场景： 主要用于显示网页中通用、常用的一些小图标。字体图标可以为前端工程师提供一种方便高效的图标使用方式，展示的是图标，本质属于字体。 2、字体图标的优点 轻量级：一个图标字体要...