css属性

border-radius是CSS中用于创建圆角的核心属性，可通过像素或百分比设置半径，实现从简单圆角到椭圆、非对称形状的复杂效果。它支持统一值、四值语法及单独控制每个角，结合box-shadow可生成贴合圆角的阴影，与background-clip配合能精确裁剪背景，通过transition实现圆…

单行文本溢出省略通过white-space: nowrap、overflow: hidden和text-overflow: ellipsis实现，需容器有固定或最大宽度；多行省略常用-webkit-box、-webkit-line-clamp和-webkit-box-orient，配合overflo…

答案：通过flex-grow、flex-shrink和flex-basis控制子元素的伸缩行为，其中flex-grow分配多余空间，flex-shrink处理空间不足，flex-basis设定初始尺寸，三者可简写为flex属性，如flex: 1等同于flex: 1 1 0%，常用于实现等分布局或响应…

CSS盒模型由内容、内边距、边框和外边距构成，其尺寸计算受box-sizing影响。默认content-box下宽度不包含内边距和边框，易导致布局错位；使用border-box可使宽度包含二者，提升布局可控性。通过全局设置box-sizing: border-box可避免常见尺寸计算问题。外边距合并…

答案：clip属性通过rect()函数裁剪绝对定位元素，仅支持矩形裁剪且必须配合position:absolute使用，而clip-path功能更强大、灵活，支持多种形状、动画且无需限制定位方式，现代开发应优先选择clip-path。 clip 属性主要用于裁剪绝对定位的元素，通过定义一个矩形区域来…

使用 a:visited 可设置已访问链接的样式，如 color、background-color 等，但受隐私保护限制，仅允许修改颜色类属性；为避免覆盖，应按 LVHA 顺序定义 link、visited、hover、active 状态。 通过 :visited 伪类，你可以为用户已经访问过的链接…

min-width和max-width通过设定元素宽度边界，确保响应式设计中布局的可读性与稳定性。它们优先级高于width，协同控制元素在不同屏幕下的表现，避免内容过窄或过宽，常用于容器、图片及网格布局，并结合box-sizing优化盒模型计算，减少布局重排，提升用户体验与渲染性能。 在CSS中， …

使用rgba()可精确控制颜色透明度，仅影响指定属性，而opacity会影响整个元素及其子元素。rgba(0,0,0,0.5)表示半透明黑色，常用于背景、阴影等场景，避免内容模糊，提升设计灵活性。 在CSS中，要设置带有透明度的颜色，最直接且常用的方式就是使用 rgba() 函数。它允许你定义红、绿…

答案：Angular项目通过全局样式与组件局部样式结合实现CSS管理，利用angular.json配置全局样式，组件中使用styleUrls或内联styles，并支持Sass等预处理器提升可维护性；通过View Encapsulation（默认Emulated）实现样式隔离，避免冲突，同时可通过::…

object-fit属性用于控制图片或视频在容器内的缩放与裁剪方式，其常用值包括fill、contain、cover、none和scale-down。通过设置不同的值，可实现图片填充、保持比例适应、覆盖裁剪等效果，结合object-position还能精确控制定位。相比传统方法，它在保留img语义化…