仿京东APP商城首页利用所学的HTML、CSS写一个纯前端的页面用到的知识： HTML CSS iconfont图标组件

项目在网格单元中和容器中的对齐方式 前面学习了grid布局的相关基础知识，现在学一下项目在网格单元和容器中的对齐方式。 现有如下样式：

Grid布局基础知识与相关案例一、认识Grid属性1.Grid容器属性： 属性 说明 grid-template-columns 轨道列宽 grid-template-rows 轨道行高 gap 轨道间距 grid-auto...

flex容器与项目的常用属性一、认识flex布局1.使用display:flex声明一个Flex布局，这个容器称为Flex容器，其包含的子元素称为Flex项目在Flex容器中有几个核心术语 容器: 使用display:flex属性元素项目: 容器的...

项目在网格单元中和容器中的对齐方式 前面学习了grid布局的相关基础知识，现在学一下项目在网格单元和容器中的对齐方式。 现有如下样式：

定位类型一、定位属性的认识 定位属性position指定了元素的定位类型。 常用的定位类型有4中： 静态定位static相对定位relative绝对定位absolute，固定定位：fixed 属性 说明 static 默认值，也就是文...

盒模型与对齐方式box-sizing在CSS中，box-sizing属性定义了用户代理（浏览器）应该如何计算一个元素的总宽度和总高度。 通常情况下，在默认的CSS盒模型定义里，一个元素的宽（width）高（height）只会应用到当前元素的内容区里。...

细说em/rem/vh/vw与响应式布局一、em,rem的原理与应用场景CSS单位中的长度单位分为：相对长度、绝对长度，如下表： 引用MDN上的两句话： em：在 font-size 中使用是相对于父元素的字体大小，在其他属性中使用是相对于自身的...

细说选择器优先级与属性简写一、伪类选择器的状态匹配标签这种链接有4中状态， 默认状态已访问过的悬停状态激活状态：鼠标点击这四种状态顺序是固定的，而且顺序不能胡乱写，否则会导致状态无效 /* 1. 默认状态 */ a:link { ...

一、CSS引入HTML文档的三种方式1.通过标签引入HTML文档

一、内联框架标签HTML的内联框架元素标签可以将其他的HTML页面嵌入到当前页面中。内联框架的代码结构：

一、列表1.列表有3种： 无序列表 购物车 牛奶一箱 蛋糕一个 苹果10斤 有序列表 购物车

前端开发环境搭建，初识HTML一、前端环境搭建 安装VSCode，Chrome安装VS和Chrome插件 备注 以上两项均已完成 二、初识HTML1.标题和段落 页面中看到的内容都是由元素组成的。 元素是由标签描述，标签根据元素的类型分为双标签和单标...