随笔分类 -  05-css

CSS文档教程——W3school
摘要：CSS教程 阅读全文
posted @ 2020-04-02 16:56 组装梦想 阅读(108) 评论(0) 推荐(0)
HTML与CSS简单页面效果实例
摘要：效果展示： HTML 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>标题</title> 6 <link href="style.css" type="text/css" rel="st 阅读全文
posted @ 2020-03-21 17:33 组装梦想 阅读(624) 评论(0) 推荐(0)
CSS盒子模型
摘要：index.html 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>盒子的模型</title> 6 <link href="style.css" type="text/css" rel= 阅读全文
posted @ 2020-03-21 15:17 组装梦想 阅读(127) 评论(0) 推荐(0)
css动画效果
摘要：效果展示 css代码如下 1 div{ 2 width: 100px; 3 height: 100px; 4 background-color: red; 5 position: relative; 6 animation: anim 5s infinite alternate; 7 -webkit 阅读全文
posted @ 2020-03-21 14:29 组装梦想 阅读(127) 评论(0) 推荐(0)
css动画过渡效果
摘要：显示效果 显示效果 css代码如下 1 div{ 2 width: 100px; 3 height: 100px; 4 background-color: blue; 5 transition: width 2s,height 2s,transform 2s; 6 -webkit-transitio 阅读全文
posted @ 2020-03-21 14:19 组装梦想 阅读(122) 评论(0) 推荐(0)
多列
摘要：效果展示 html 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>标题</title> 6 <link href="mycss_动画多列.css" type="text/css" rel 阅读全文
posted @ 2020-03-21 14:00 组装梦想 阅读(183) 评论(0) 推荐(0)
照片瀑布流效果
摘要：效果展示 html 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>风景</title> 6 <link href="style.css" type="text/css" rel="sty 阅读全文
posted @ 2020-03-21 13:56 组装梦想 阅读(145) 评论(0) 推荐(0)