css
关注
分享
扫一扫
文章平均质量分 96
꒰ঌsnail໒꒱
这个作者很懒，什么都没留下…
展开
-
【CSS常用单位】
在CSS中，单位分为相对单位和绝对单位两种：CSS中的相对单位主要分为两大类：em（Element meter）是一个相对单位，它有如下特点：(1)em参照的对象是其父元素的font-size，1em等于其父元素的font-size一倍,1em=16px；(2) em的具体值会出现嵌套计算的现象，如下面例子：rem（Root element meter）是一个相对单位，它有如下特点：(1)rem参照的对象是根元素html的font-size，1rem = 16px；(2)rem的具体值不会出现嵌套计转载 2022-06-16 18:11:29 · 739 阅读 · 0 评论 -
【弹性盒子—详细入门教程】
一、Flex是什么？ 二、Flex基础概念 三、容器的属性 1.flex-direction属性 2.flex-wrap属性 3.flex-flow属性 4 justify-content属性 5 align-items属性 6.align-content属性 四、项目的属性 1.order属性 2.flex-grow属性 ...原创 2022-04-25 11:50:46 · 446 阅读 · 0 评论 -
【CSS盒子模型学习(图解）】
css盒子模型一、什么是盒子模型？二、盒子模型详解1、盒子模型的标签2、盒子模型的属性一、什么是盒子模型？ 所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。上面的图片说明了盒子模型(Box Model)：Margin(外边距)原创 2022-04-21 21:09:44 · 2450 阅读 · 0 评论 -
【CSS的入门】
css的开端1、什么是结构和表现分离？2、什么是CSS？3、如何使用？(1)页面嵌入式①代码展示②页面展示：(2)行内容嵌入式①代码展示②页面展示(3)链接式①html代码展示②css代码展示③页面展示(4)导入式①html代码展示②css代码展示③页面展示1、什么是结构和表现分离？在页面中，使用html搭建页面的结构(页面的内容),不使用标签的属性设置样式， 标签的样式全部在CSS中设置。2、什么是CSS？层叠样式表(Cascading Style Sheet)CSS3是新版本的CSS，与原创 2022-04-15 23:29:36 · 560 阅读 · 0 评论 -
【CSS3高级应用】
CSS3高级应用一、页面中的多媒体嵌入二、CSS3中过渡效果一级目录一、页面中的多媒体嵌入网页除了可以放置图片和文字，还可以放置音频和视频。1、视频：标签是一个块级元素，用于放置视频。如果浏览器支持加载的视频格式，就会显示一个播放器，否则显示内部的子元素。(1)视频格式<video src=“视频文件名” controls muted autoplay loop><p>你的浏览器不支持此视频格式<p></video> .mp4：mpe原创 2022-04-30 22:57:52 · 973 阅读 · 0 评论 -
【CSS解决页面高度塌陷问题】
高度塌陷问题描述1、页面高度塌陷问题(1)产生原因(2)正常标准流盒子(3)子盒子浮动(4)归纳总结1.1、清除浮动本质1.2 、清除浮动的方法(1)方法一：额外标签法(2)方法二：给父级添加overflow属性方法①一个BFC的小知识(3)方法三：使用after伪元素清除浮动(4)方法四：clearfix类解决高度塌陷（推荐）1.3、一个常用布局框架实例1、页面高度塌陷问题(1)产生原因我们都知道当元素浮动后，可以左右移动，直到遇到另一个浮动框或者遇到它外边缘的包含框。浮动框不属于文档流中的普通流，原创 2022-04-27 22:07:32 · 1839 阅读 · 0 评论 -
【CSS进一步学习】
CSS选择器的深入了解一、属性选择器一、属性选择器前提："E"表示各个标签，"att "指各个属性1、E[att]：选择具有att属性的元素举个例子：如下所示，属性选择器h1[class]对前两行起作用，字体为斜体，颜色为红色，对第三行没有作用。①代码展示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA原创 2022-04-19 23:41:37 · 321 阅读 · 0 评论