基于jQuery的简单留言板

最新推荐文章于 2024-04-19 17:05:38 发布

刘林.

最新推荐文章于 2024-04-19 17:05:38 发布

阅读量602

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/ll522430/article/details/118934158

版权

HTML代码部分

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Template • TodoMVC</title>
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/index.css" />
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<script src="./js/app.js"></script>
</head>
<body>
<section class="todoapp">
<header class="header">
<h1>todos</h1>
<input
class="new-todo"
placeholder="What needs to be done?"
autofocus
/>
</header>

<section class="main">
<input id="toggle-all" class="toggle-all" type="checkbox" />
<label for="toggle-all">Mark all as complete</label>
<ul class="todo-list">


</ul>
</section>

<footer class="footer">

<span class="todo-count"><strong>0</strong> item left</span>

<ul class="filters">
<li>
<a class="selected" href="#/">All</a>
</li>
<li class=".active">
<a href="#/active">Active</a>
</li>
<li>
<a href="#/completed">Completed</a>
</li>
</ul>

<button class="clear-completed">Clear completed</button>
</footer>
</section>
</body>
</html>

css代码index部分

html,
body {
   margin: 0;
   padding: 0;
}

button {
   margin: 0;
   padding: 0;
   border: 0;
   background: none;
   font-size: 100%;
   vertical-align: baseline;
   font-family: inherit;
   font-weight: inherit;
   color: inherit;
   -webkit-appearance: none;
   appearance: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

body {
   font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
   line-height: 1.4em;
   background: #f5f5f5;
   color: #111111;
   min-width: 230px;
   max-width: 550px;
   margin: 0 auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-weight: 300;
}

.hidden {
   display: none;
}

.todoapp {
   background: #fff;
   margin: 130px 0 40px 0;
   position: relative;
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2),
   0 25px 50px 0 rgba(0, 0, 0, 0.1);
}

.todoapp input::-webkit-input-placeholder {
   font-style: italic;

最低0.47元/天解锁文章

刘林.

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
基于jQuery的简单留言板

HTML代码部分<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Template • TodoMVC</title> <link rel="st...
复制链接

扫一扫