摘要：
四个页面都放在一个页面上，每个页面都放在一个 section 标签里。每个 section 都有一个 id，对应一个页面。每个页面的内容基本都一样，所以写完第一个之后复制粘贴然后更改一下就行。第二页和第三页有两个按钮，除此之外只有背景色不一样。 <!-- 第一页 --> <section id="p 阅读全文
posted @ 2022-03-26 19:44
守鹤
阅读(101)
评论(0)
推荐(0)
摘要：
transition过渡 让样式变化时有一个过渡效果。 transition-property：过渡的属性，all 指的是所有属性都过渡。 transition-duration：过渡时间。 transition-delay：延迟过渡的时间。 transition-timing-function：过 阅读全文
posted @ 2022-03-26 17:04
守鹤
阅读(312)
评论(0)
推荐(0)
摘要：
animation 属性 animation 用来设置动画的名称、执行时间等。 animation-name：动画名称。 animation-duration：动画执行时间。 animation-iteration-count：动画执行次数，infinite -- 一直执行。 animation-f 阅读全文
posted @ 2022-03-26 13:23
守鹤
阅读(1726)
评论(0)
推荐(0)
摘要：
定义的语法：--变量名: 变量值; 使用的时候用 --属性: var(变量名);的方式使用。变量都是公用样式所以一般都放在 :foot 里面。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equi 阅读全文
posted @ 2022-03-26 11:12
守鹤
阅读(310)
评论(0)
推荐(0)
摘要：
盒子阴影 box-shadow：有六个值，分别是 -- 水平距离、垂直距离、模糊半径、扩散半径、颜色、内外阴影。 除此之外还可以设置多个阴影，语法是：box-shadow: 阴影1效果, 阴影2效果, 阴影3效果; 多个阴影之间用英文逗号隔开 <!DOCTYPE html> <html lang=" 阅读全文
posted @ 2022-03-26 10:18
守鹤
阅读(256)
评论(0)
推荐(0)
摘要：
目标选择器 div > p：选择 div 的直接子代 p。 div + p：选择 div 后紧跟着的 p。 a[target]：通过 a 标签的 target 属性设置样式。 input[type="text"]：根据 input 的 type 属性值来设置样式，给 type 值是 text 的 i 阅读全文
posted @ 2022-03-26 09:50
守鹤
阅读(76)
评论(0)
推荐(0)
浙公网安备 33010602011771号