随笔分类 -  css知识

摘要:在CSS中,有几种方法可以设置元素的透明度。以下是主要的几种方式: 1. 使用 opacity 属性 定义:opacity 属性用于设置元素的整体透明度,包括其内容和背景。 取值范围:取值从0(完全透明)到1(完全不透明)。 影响范围:设置该属性会使整个元素及其所有子元素都具有相同的透明度。 2.使 阅读全文
posted @ 2025-03-04 15:36 时光独醒 阅读(1) 评论(0) 推荐(0) 编辑
摘要:CSS中不可继承的属性主要包括以下几类: 盒模型属性:这些属性定义了元素的大小、位置以及与其他元素的关系和相互作用。 display:规定元素应该生成的框的类型。 margin:定义元素的外边距。 border:定义元素的边框。 padding:定义元素的内边距。 width 和 height:定义 阅读全文
posted @ 2025-03-04 15:19 时光独醒 阅读(1) 评论(0) 推荐(0) 编辑
摘要:在开发过程中多行文本时出现了其他行左对齐,最后一行右对齐的情况 text-align:规定行内内容如何相对它的块父元素对齐。而且它并不控制块元素自己的对齐,只控制它的行内内容的对齐。要控制文本两端对齐直接写text-align:justify就可以 了,但是对于多行文本,除了最后一行之外都可以实现两 阅读全文
posted @ 2023-03-24 14:29 时光独醒 阅读(1057) 评论(0) 推荐(0) 编辑
摘要:处理背景模糊化 在css中,可以利用filter属性和blur()函数实现高斯模糊效果,filter属性用于设置图片元素的可视效果,配合blur()函数使用可给图片元素添加高斯模糊效果,语法为“图片元素{filter:blur(模糊值);}”。 我们可以通过filter滤镜属性来给图片设置高斯模糊, 阅读全文
posted @ 2023-03-01 15:36 时光独醒 阅读(3237) 评论(0) 推荐(0) 编辑
摘要:1.W3C标准盒模型:box-sizing="content-box" 公式: width = 内容的宽度height = 内容的高度 2.IE盒模型(怪异盒模型):box-sizing="border-box" 公式: width = border + padding + 内容的宽度height 阅读全文
posted @ 2022-04-27 15:58 时光独醒 阅读(3) 评论(0) 推荐(0) 编辑
摘要:在开发过程中文字内容右边可能会出现一两个字位置空白的情况(可能出现原因:每行首位不能为符号) 处理方法:text-align: justify; 阅读全文
posted @ 2022-04-26 09:19 时光独醒 阅读(3) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示