随笔分类 - 《Css美化路程》
过渡动画transition - Css动画基础
摘要：#过渡动画transition 语法: transition: transition-property transition-duration transition-timing-function transition-delay transition-property: 规定设置过渡效果的CSS属
关于设置Vscode缩进，保存代码任然缩进无效解决方式
摘要：在Vscode按F1，运行命令，输入Formatter config 把内容更改为以下代码 { "onSave": true, "javascript": { "indent_size": 2, "indent_char": " ", "eol": "auto", "preserve_newline
CSS选择器的关系
摘要：.selector > box 的使用 该方式，只会选择其第一级子盒子 .selector + box 的使用 除了其本身，选择其兄弟盒子，但会受到其他元素的影响，如在兄弟间添加其他元素，则无法使用 .selector ~ box 的使用 与 + 功能相似，但不会受到其他元素的影响 （该文章大部分思
CSS动画菜鸡记录板
摘要：Transition 过渡属性： (background 1s linear 0s) 缓动函数 linear，在 easings.net 可找到相应的功能 若想要多次不同执行，用逗号隔开 Animation & @keyframes animation-name. @keyframes 的名字 an
对于我少见的样式属性记录
摘要：letter-spacing 字符间距 text-decoration 设置文本下划线，一般属性值设置为none，取消下划线。 text-indent 文本缩进 white-space 文本换行 text-overflow 设置超出的文本用省略号代替，一般配合overflow用于超出文本剪切 cur
理解Margin边距塌陷与box-sizing的问题
摘要：父与子塌陷问题 子盒子与父盒子相互影响，margin值会重叠，谁大听谁的 运行结果： box-sizing box-sizing 原始属性值: content-box，该属性对于盒子尺寸来说，并不会让外边距(margin)计算在内 理解：即盒子原本设置宽高，并非盒子所呈现的宽高（计算时需要增加外边距
CSS常见标签类型
摘要：块级(block)： div，ul，li，h1~h6，p 独自占据一行 可设置宽高 行内(inline)： span，a 占据所设置字体大小 不可设置宽高 上下margin值不会占用空间 行内块(inline-block)： img，input 与其他元素所处同一行 可设置宽高
关于overflow的理解
摘要：overflow会把超出父盒子的部分继续不同修改 在这我只执行一个常用属性值 原始代码如下（未设置overflow前）： 执行结果： 设置后运行结果：
