CSS简单样式
2024-04-30内容主要为CSS的书写规范，书写顺序，CSS单位，CSS选择器（基础选择器、复合选择器），CSS属性（字体，文本，背景，显示模式，显示与隐藏等），CSS引入方式，css的盒子模型（外边距，内边距，圆角边框等），CSS布局方式（标准流，浮动，定位等），用户界面样式（cursor，outline，resize），CSS高级知识（文字溢出省略号，布局技巧），CSS3新特性（属性选择器，结构伪类选择器，filter，calc，transform，线性渐变，animatioon），flex布局，css变量..._class=“red font”
CSS transition（过渡效果）详解
2024-03-04过渡是指元素从一种样式逐渐过渡到另一种样式的过程。在网页开发中，通过CSS transition可以为这种样式变化添加动画效果，使得过渡更加平滑。CSS transition是一项强大的前端技术，通过简单的CSS属性设置，就能够为网页元素添加出色的过渡效果。本文深入介绍了CSS transition的基础概念、属性设置、使用场景以及调优与优化策略。_css transition
CSS开发规范
2024-04-29(position, top, right, z-index, display, float等)(font, line-height, letter-spacing, color- text-align等)(background, border等)（CSS3）(animation, transition等)
background-image背景图片拉伸平铺
2024-04-29background-image背景图片拉伸平铺<div style="width: 10%;height: 40px;background-image: url('../images/titleProject.png');filter:progid:DXImagetransform.Microsoft.Al..._background平铺拉伸
【CSS3】CSS3 3D 转换 ⑤ ( 3D 呈现效果 - transform-style 属性 | transform-style 属性语法 | 设置 透视视图 效果 | 结构伪类选择器 )
2024-04-29一、3D 呈现效果 - transform-style 属性1、transform-style 属性语法二、transform-style 属性示例1、核心要点设置 透视视图 效果设置 父容器 3D 呈现效果结构伪类选择器2、代码示例_transform-style: preserve-3d
vue.config.js配置
2024-04-29"transpile" 是一个合成词，由 "translate"（翻译）和 "compile"（编译）两个词组合而成。转义依赖库的意思，将某些依赖库进行语法转换，有些依赖库的语法很超前，对一些浏览器兼容性不好，所以统一将其转义成ES5的低级语法。在前端开发领域，"transpile" 经常用来指代将较新版本的 JavaScript 代码转换为向后兼容的旧版本，以确保代码可以在更广泛的浏览器环境中运行。这通常通过使用类似 Babel 这样的工具实现。_transpiledependencies配置
html--水墨画
2024-04-29<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords
CSS3 动画，鼠标移上去，div 旋转、放大、缩小、移动，前端开发学习
2024-04-23效果一：360°旋转 修改rotate(旋转度数).img1 {效果二：放大 修改scale(放大缩小的值).img2 {效果三：旋转放大 修改rotate(旋转度数) scale(放大值).img3 {效果四：上下左右移动 修改translate(x轴,y轴).img4 {360°旋转放大旋转放大上下左右移动功能：初始化功能描述作者：zichen-jiang。_css3 鼠标放 上去动画
14种CSS实现水平或垂直居中的技巧，快来收藏
2024-04-23原理：利用绝对定位时的top 与right设置元素的上方跟左方各为50%，再利用transform: translate(-50%, -50%);位移居中元素自身宽与高的50%就能达成居中的目的了。缺陷：translate是css3属性，低版本浏览器不支持。显著优势：无需固定定位元素的宽高。top: 50%;适用情景：多行文字（垂直居中）原理：弹性布局，align-items定义flex子项在flex容器的当前行的侧轴（纵轴）方向上的对齐方式，参考CSS-TRICKS。
css3的过度效果transition支持哪些属性，transition 所支持的css属性
2024-04-22transition支持哪些属性，transition 所支持的css属性_transform支持的属性