摘要: 鼠标悬停下拉动画 .fa { width: 1000px; height: 800px; margin: 0 auto; border: 2px solid #AAA; position: relative; left: 0; top: 0; background: #0F6; } .box { w 阅读全文
posted @ 2021-04-08 21:41 忆清鸣 阅读(40) 评论(0) 推荐(0)
摘要: 盒子阴影 .main { width: 300px; height: 300px; margin: 0 25px; padding: 10px; transition: 0.3s; border-radius: 20px; text-align: center; display: inline-bl 阅读全文
posted @ 2021-04-06 21:38 忆清鸣 阅读(32) 评论(0) 推荐(0)
摘要: 盒子阴影 .box1{ box-shadow:7px 4px 10px #000; } 渐变色 .rainbow-linear-gradient{ width:460px; height:160px; background-image:-webkit-linear-gradient(left,#E5 阅读全文
posted @ 2021-04-01 21:37 忆清鸣 阅读(33) 评论(0) 推荐(0)
摘要: web字体图标库 icomoon.io @font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?luu64u'); src: url('fonts/icomoon.eot?luu64u#iefix') format('embe 阅读全文
posted @ 2021-03-30 21:34 忆清鸣 阅读(37) 评论(0) 推荐(0)
摘要: html5盒子 <header class="header"> <nav class="nav"> <ul> <li>网站首页</li> <li>模板</li> <li>关于我们</li> <li>我们的故事</li> <li>我们的蜜月</li> <li>婚礼现场</li> <li>婚纱摄影</l 阅读全文
posted @ 2021-03-25 21:30 忆清鸣 阅读(36) 评论(0) 推荐(0)
摘要: web字体图标 <style> @font-face{ font-family: myFont; src:url('./fonts/demo2-1/书法.ttf'); } div{ font-family: myFont; font-size:4em; } </style> <div> 使用@fon 阅读全文
posted @ 2021-03-23 21:28 忆清鸣 阅读(53) 评论(0) 推荐(0)
摘要: HTML5框架 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>浮动与定位</title> <style type="text/css"> 阅读全文
posted @ 2021-03-16 17:18 忆清鸣 阅读(54) 评论(0) 推荐(0)
摘要: 写自己的网页 阅读全文
posted @ 2020-12-30 11:11 忆清鸣 阅读(65) 评论(0) 推荐(0)
摘要: 欣赏同学写的网页 阅读全文
posted @ 2020-12-28 22:10 忆清鸣 阅读(65) 评论(0) 推荐(0)
摘要: 表单的标记 属性: name 表单名字 action="url"提交地址 method 提交方式 get post target 在什么位置打开 文本框:属性 placeholder:字体变虚且直接输入 常用的表单元素 text 文本框 password 密码框 radio 单选框 checkbox 阅读全文
posted @ 2020-12-23 11:49 忆清鸣 阅读(77) 评论(0) 推荐(0)