css 笔记

1、accent-color 属性用于指定用户界面控件的强调色

2、all: initial|inherit|unset

将应用于元素或元素父元素的所有属性更改为其初始值

inital: 此属性设置为其默认值

inhert:从父元素继承此属性

unset:如果可继承,则将应用于元素或元素父元素的所有属性更改为其父值,否则将其更改为初始值

3、aspect-ratio 属性允许您定义元素的宽度和高度之间的比例。

如果设置了 aspect-ratio 和 width 属性,高度将按照定义的长宽比进行调整

4、backdrop-filter:none|filter|initial|inherit;

none默认值。不对背景应用任何滤镜。
filter

由空格分隔的滤镜函数列表,如:

  • blur()
  • brightness()
  • contrast()
  • drop-shadow()
  • grayscale()
  • hue-rotate()
  • invert()
  • opacity()
  • sepia()
  • saturate()

或指向 SVG 滤镜的 URL。

initial将此属性设置为其默认值。参阅 initial
inherit从其父元素继承此属性。参阅 inherit

5、background-attachment: scroll|fixed|local|initial|inherit;属性设置背景图像是否固定或者随着页面的其余部分滚动。

6、background-blend-mode 属性定义每个背景层(颜色和/或图像)的混合模式。

属性值

描述
normal默认。把混合模式设置为普通。
multiply把混合模式设置为 multiply(乘)。
screen把混合模式设置为 screen(屏幕)。
overlay把混合模式设置为 overlay(覆盖)。
darken把混合模式设置为 overlay(覆盖)。
lighten把混合模式设置为 lighten(变亮)。
color-dodge把混合模式设置为 color-dodge(颜色减淡)。
saturation把混合模式设置为 saturation(饱和度)。
color把混合模式设置为 color(颜色)。
luminosity把混合模式设置为 luminosity(亮度)。

7、background-clip属性规定背景的绘制区域

属性值

描述测试
border-box背景被裁剪到边框盒。测试
padding-box背景被裁剪到内边距框。测试
content-box背景被裁剪到内容框。测试

8、block-size 属性指定元素在块方向上的大小。

属性值

描述
auto默认。元素的默认 block-size 值。
length以 px、pt、cm 等单位指定 block-size。另请参阅:CSS 单位
%以相对于父元素在对应轴上的大小的百分比指定 block-size。
initial将此属性设置为其默认值。参阅 initial
inherit从其父元素继承此属性。参阅 inherit

9、

border-block 属性是以下属性的简写:

如果省略颜色或宽度的值,则将使用默认值。

CSS border-block 属性与 border 属性非常相似,但 border-block 属性依赖于块方向。

注意:相关的 CSS 属性 writing-mode 定义了块方向。这会影响块的起点和终点位置以及 border-block 属性的结果。对于英文页面,行内方向是从左到右,块方向是向下。

参考网址:https://www.w3school.com.cn/cssref/pr_pos_clip.asp

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值