HTML-小demo练习：我的课程表1、我的课程表代码：

一、VSCode下载安装和配置（一）、下载和安装1.打开浏览器进入VScode官网：https://code.visualstudio.com/2.进入网站后点击下载即可3.直接运行即可(一路下一步) （二）、VSCode基本配置(安装扩展插件)1....

一、VSCode下载和安装下载1.打开浏览器进入VScode官网：https://code.visualstudio.com/2.进入网站后点击下载即可 安装1.直接运行即可(一路下一步) 二、VSCode基本配置(安装扩展插件)1.作为中国人打开v...

一、我的相册案例（grid响应式布局）1、代码部分：

一、grid基础知识：1、Grid容器属性1、 grid-template-columns/rows：基于列/行定义网格线和轨道大小；2、 grid-column/row-gap:列和行的间隙（grid-gap|gap）3、 gri...

仿PHP中文网移动端实战PHP中文网移动网页分析1、首先分析网页，把网页简单分解，把整体当成一个盒子，分解部分当成子项目，来进行排版2、把每个部分当成一个盒子，逐级分解，每一部分利用flex单行盒子进行布局3、每个盒子的布局中占的比例的单位计算，以防...

Flex布局：Flex容器属性：1、 flex-direction:row/colum:主轴方向，默认主轴为行，2、 flex-wrap:nowrap/wrap;默认不换行3、 flex-flow:简写direction和wrap;...

笔记整理-知识点一、字体相关属性(font)1、字体族：font-family:设置字体族，可以设置多个用空格分开，多个单词的字体族需要加双引号分界符；通用字体族：衬线字体、无衬线字体、等宽字体、草书字体、艺术字体2、font-size:设置字体大小...

CSS基础知识之选择器一、选择器类型1、CSS选择器类型可分为：简单选择器（含属性选择器）以及伪类选择器2、简单选择器见表一： 序号 选择器 描述 举例 1 元素选择器 根据元素标签名称进行匹配 div {...} 2 群组选择器 ...

CSS简单入门一、css基础知识1、CSS是一种作用于html文档影响其表现样式的层叠样式表2、了解CSS需要先简单回顾html中的元素，通过*{outline:1px dashed red}可以设置元素框，通过元素框的排列方式，把元素分为：块级元素...

作业一：实操部分1、代码练习和演示

作业：1、代码演示

html基础知识（html5）1.页面的组成部分 序号 内容 描述 1 文本内容 用户看得见的文本 2 其他文件的引用 视频、音频、样式、脚本 3 标记 对本的及引用文件的正确描述 2.html设计思想 术语 描述 ...

作业一：1、京东购物车：分析：原计划grid布局但考虑到grid布局只能控制子代元素，而每个商品又属于1条（模板）信息，直接通过grid布局，一条商品信息不方便后期统一调整，整体通过flex布局，然后每条产品信息grid布局（单行）可以通过画竖线很好...

作业一：grid代码手写作业二：通过一个demo.html中两个grid布局，把所学的grid的属性全部演示一遍，同个属性只展示一种效果。1、demo.html中第一个grid布局主要展示 （1）grid容器属性：划网格线、网格项目命名、间隙设...