全栈知识第468页

CSS让子元素div的高度填满父容器的剩余空间的方法

1.使用浮动的方式效果图：代码如下：(注意，此时.content的高度是500px，即父元素的高度，但是浮动元素在 .content 上方，盖住了 .content，将 .nav背景样式改为 background-color: rgba...

background（背景）以前笔者在css盒模型以及如何计算盒子的宽度一文中提到过盒模型可以看成由元素外边距（margin）、元素边框（border）、元素内边距（padding）和元素内容（content） 4部分组成，不过这只是从...

1.实现上标（某个字符缩小在右上角） HTML中： <sup>上标</sup> 显示：css中： .font span{/* vertical-align属性用来设置元素的垂直对齐方式，text-top和super属...

CSS的工作流程浏览器载入HTML文件。将HTML文件转化成一个DOM。浏览器拉取HTML的大部分资源。浏览器拉取到CSS之后会进行解析，浏览器基于选择器的不同类型找到不同的选择器，将不同的规则应用在对应的DOM节点中，并添加节点的...

CSS知识详细概括 CSS介绍 CSS语法规则 CSS和HTML的结合方式 CSS选择器常用样式 CSS介绍 CSS 是「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 CSS语法规则选择器：...

~（波浪号）概念 ~（波浪号）：A ~ B表示选择A标签后的所有B标签，但是A和B标签必须有相同的父元素。 <style>h3~h5{color: red;}</style><body><div&g...

在设置背景的类样式中设置filter: blur(模糊值),如:filter: blur(5px) /* 模糊背景图片 */#workShow .imgItem {width: 100%;height: 270px;position: re...

一、块元素常见的块元素有<h1>-<h6>、<div>、<ul>、<ol>、<li>等，其中<div>标签是常见的块元素。 <!DOCTYPE ht...

css浮动 float属性详解一、什么是浮动？浮动，顾名思义，就是漂浮的意思。指的是一个元素脱离文档流，悬浮在父元素之上的现象。二、如何产生浮动？给元素本身添加float属性 float值： left 元素向左浮动。 right 元素向右...

flex弹性布局定义： Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目容器默认存在两根轴：水平的主轴（ main axi...