![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
文章平均质量分 90
tweatherm
这个作者很懒,什么都没留下…
展开
-
grid栅格布局详解
一、概述如果说flex是为一维布局而存在的,那么grid是为二维布局而存在的。grid布局被称为栅格布局,也被称为网格布局,他可以将网页划分为许多个方格,我们可以在网格中填充自己的内容。二、grid布局的基本内容1、术语如下图栅格线:图中,横向或者纵向的一条线栅格轨道:由两条相邻栅格线所包围的部分栅格区域:由栅格线包围的矩形区域栅格单元:最小的栅格区域2、定义指定容器采用网格结构通过指定它的display属性值为grid或inline-grid。grid表示指示容器采用块级结构。原创 2021-11-17 20:24:04 · 6787 阅读 · 2 评论 -
CSS3之基础选择器入门
css选择器标记选择器id选择器和类选择器通配符选择器交集选择器并集选择器后代选择器要想将css样式应用指定的html元素,首先要找到该目标元素。执行这一任务的样式规则部分被称为选择器。以下是使用选择题指定html元素的格式规则选择器{属性1:属性值1;属性2:属性值2;}标记选择器基本语法格式为:标记名{属性1:属性值1;属性2:属性值2;}用标记选择器可以对所有该类型标记都生效例如:<!DOCTYPE html><html lang="en"><h原创 2021-10-17 17:09:35 · 580 阅读 · 0 评论