-
CSS中的单位
CSS中单位的形式有很多种，如常用的可能就是px(像素)相对单位相对单位是相对于另一个长度的长度，需要通过计算才能得出字体相对单位是根据font-size来计算的。常见的字体相对单位有：em、rem、ex、chem和rem：相对于font-size属性值来计算em是相对于自身font-size属性，当自身没有font-size时会向上查找父元素直到找到font-size属性，如果所有父元素都没有设置，会使用浏览器的默认字体尺寸rem相对于em就简单了很多，它是根据页面的根元素(html元素)的font-size属性来计算的，没有设定该属性则使用浏览器的默认字体尺寸ex 和 ch：是排版用...
2023-01-11 -
CSS中的滤镜和尺寸冲突
CSS中的滤镜CSS中的滤镜使用filter属性实现none：默认值，没有效果blur(px)：高斯模糊。设定高斯函数的标准差，或屏幕上以多少像素融在一起，值越大越模糊，默认0；brightness(%)：线性乘法，使其看起来更亮或更暗值是0%，图像会全黑 值是100%，则图像无变化 可以超过100%，意味着会运用更低的对比 默认100% drop-shadow(h-shadow v-shadow blur color)：设置阴影与已有的box-shadow属性很相似，但通过filter，一些浏览器为了更好的性能会提供硬件加速 offset-x：阴影水平偏移量，可为负数 offset-y...
2022-11-21 -
CSS中的BFC
BFC(Block Formatting Context)就是块级格式化上下文一个BFC区域包含创建该上下文元素的所有子元素，但是不包括创建了新的BFC的子元素的内部元素BFC是一块块独立的渲染区域，可以将BFC看成是元素的一种属性，拥有了这种属性的元素就会使他的子元素与世隔绝，不会影响到外部其他元素<div class="box1"> <div class="box2"></div> <div class="box3"></div> <d...
2022-11-19 -
CSS中的盒子模型
css盒子模型：每个元素在页面中都会生成一个矩形的盒子用来显示该元素，每个盒子都是由一下几个部分组成1、内容，content：可用css属性：width、height2、填充(内边距)，padding：可用css属性：padding、paddinf-top、paddinf-right、paddinf-bottom、paddinf-left3、边框，border：可用css属性：border、border-style、border-width、border-color4、外边距，margin：可用css属性：margin、margin-top、margin-right、margin-bot...
2022-11-19 -
CSS中的position定位
CSS定位(position)目前CSS中的定位position可选值有5个：static、relative、fixed、absolute、stickystatic：静态定位HTML元素的默认值，即没有定位，遵循正常的文档流对象静态定位的元素不会受到 top, bottom, left, right影响relative：相对定位相对元素文档流的位置，不会对其它元素布局造成影响(可能堆叠)原文档流位置保留absolute：绝对定位对于最近的非静态定位父级元素进行定位，如果没有找到符合条件的父元素则会相对与<html>定位使用绝对定位的元素可以有外边距，并且外边距不会与其它元素的...
2022-11-14