罗砂 - 博客园

2022年3月28日

摘要： .box1 { width: 300px; height: 100px; background-color: chartreuse; .box2 { width: 100px; height: 100px; background-color: aqua; color: rgb(226, 55, 55 阅读全文

posted @ 2022-03-28 09:46 罗砂阅读(239) 评论(0) 推荐(0)

less的变量

摘要： .box1 { width: 300px; height: 100px; background-color: chartreuse; .box2 { width: 100px; height: 100px; background-color: aqua; color: rgb(226, 55, 55 阅读全文

posted @ 2022-03-28 09:01 罗砂阅读(59) 评论(0) 推荐(0)

2022年3月27日

less简介

摘要： less是一门预处理语言 less是一个css的增强版，通过less可以编写更少的代码实现更强大的样式在less中添加许多的特性，像对变量的的支持、对mixin的支持…… …… less的语法大体上和css语法一致，但是less中增添了许多对CSS的扩展，所以浏览器无法直接执行less代码，要执阅读全文

posted @ 2022-03-27 22:59 罗砂阅读(73) 评论(0) 推荐(0)

缩放/动画变形的焦点

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content 阅读全文

posted @ 2022-03-27 19:45 罗砂阅读(29) 评论(0) 推荐(0)

旋转

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-e 阅读全文

posted @ 2022-03-27 13:35 罗砂阅读(56) 评论(0) 推荐(0)

Z轴平移

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-e 阅读全文

posted @ 2022-03-27 13:18 罗砂阅读(32) 评论(0) 推荐(0)

变形平移

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content 阅读全文

posted @ 2022-03-27 11:43 罗砂阅读(37) 评论(0) 推荐(0)

动画

摘要：动画和过渡类似，都可实现动态效果不同点是过渡需要在某个属性发生变化时才会触发动画可以自动触发 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" c 阅读全文

posted @ 2022-03-27 09:40 罗砂阅读(38) 评论(0) 推荐(0)

2022年3月26日

过渡

摘要：通过过渡可以指定一个属性发生变化的切换方式通过过渡可以创建一些非常好的效果，提升了用户体验 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" con 阅读全文

posted @ 2022-03-26 22:08 罗砂阅读(38) 评论(0) 推荐(0)

表单

摘要：表单在现实生活中用于提交数据在网页中可以使用表单，网页中的表单用于将本地的数据提交给远程的服务器使用form标签创建一个表单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X- 阅读全文

posted @ 2022-03-26 20:32 罗砂阅读(25) 评论(0) 推荐(0)

0722tian

公告