Etc.End的博客

摘要：本文介绍了30个前端开发常用的CSS属性与技术，涵盖布局、样式、动画和响应式设计等场景。关键方法包括：display用于布局控制（如Flex导航栏），position实现固定定位，margin/padding调整间距，flex/grid创建现代布局结构，以及font/color处理文本样式。还包含动画效果（transition/animation）、视觉增强（box-shadow/border-radius）和响应式设计（media queries）等实用技巧。每个方法都配有典型应用示例，如hover

mark 标签是 HTML5中的新标签。需要注意的是Internet Explorer 8 以及更早的版本不支持此标签。如果对于高亮的文字没有特殊的要求。它是很方便的。但是对颜色有要求的话，它的存在我个人觉得毫无任何意义。😂 😂 😂。

VUE3 + CSS实现有趣的单选框。不管是和传统的radiobox还是市面上的UI框架的radio对比。我这个选择器更加显得花里胡哨。你可以稍微改造一下就能变成一个自己的radio组件。示例中使用了element-ui的el-divider分割线组件和el-tooltip文字提示组件。因为我做了自动按需引入，所以部分依赖需要自己手动引入一下。注意使用animate的时候一定要加上animate__animated类，不然不起作用❗️❗️❗️❗️❗️❗️。让页面动起来，显得更加的生动

文本两端对齐、字符间距、首行缩进、元素第二个起间隔、文本溢出部分显示省略号、文字阴影、字母大小写转换、获取元素的属性值并且显示到页面上、字体颜色渐变、3D立体感文字、文本模糊显示、元素固定在页面底部并且居中