学习JavaScript笔记

简介: 学习JavaScript笔记

CSS 日历样式


以下是一个简单的 CSS 日历代码:

HTML 代码:

<h1>CSS 日历</h1>

 

<div class="month">      

 <ul>

   <li class="prev">❮</li>

   <li class="next">❯</li>

   <li style="text-align:center">

     August<br>

     <span style="font-size:18px">2016</span>

   </li>

 </ul>

</div>

 

<ul class="weekdays">

 <li>Mo</li>

 <li>Tu</li>

 <li>We</li>

 <li>Th</li>

 <li>Fr</li>

 <li>Sa</li>

 <li>Su</li>

</ul>

 

<ul class="days">  

 <li>1</li>

 <li>2</li>

 <li>3</li>

 <li>4</li>

 <li>5</li>

 <li>6</li>

 <li>7</li>

 <li>8</li>

 <li>9</li>

 <li><span class="active">10</span></li>

 <li>11</li>

 <li>12</li>

 <li>13</li>

 <li>14</li>

 <li>15</li>

 <li>16</li>

 <li>17</li>

 <li>18</li>

 <li>19</li>

 <li>20</li>

 <li>21</li>

 <li>22</li>

 <li>23</li>

 <li>24</li>

 <li>25</li>

 <li>26</li>

 <li>27</li>

 <li>28</li>

 <li>29</li>

 <li>30</li>

 <li>31</li>

</ul>

目录
相关文章
|
3月前
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
67 0
|
2月前
|
Web App开发 JavaScript 前端开发
如何学习JavaScript?
如何学习JavaScript?
55 5
|
2月前
|
JavaScript 前端开发 索引
JavaScript学习第二章--字符串
本文介绍了JavaScript中的字符串处理,包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等,适合前端学习者参考。作者是一位热爱前端技术的大一学生,专注于分享实用的编程技巧。
35 2
|
2月前
|
存储 JavaScript 前端开发
JavaScript学习第一章
本文档介绍了JavaScript的基础知识,包括其在网页中的作用、如何通过JavaScript动态设置HTML元素的CSS属性,以及JavaScript中的变量类型(`var`、`let`、`const`)和数据类型(基本数据类型与引用数据类型)。通过实例代码详细解释了JavaScript的核心概念,适合初学者入门学习。
57 1
|
3月前
|
JavaScript
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
这篇文章介绍了如何将webpack的配置文件分离成开发环境和生产环境的配置文件,以提高打包效率。
60 1
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
|
3月前
|
JavaScript
js学习--商品列表商品详情
js学习--商品列表商品详情
34 2
|
3月前
|
JavaScript
js学习--九宫格抽奖
js学习--九宫格抽奖
25 2
|
3月前
|
JavaScript
js学习--开屏弹窗
js学习--开屏弹窗
51 1
|
3月前
|
JavaScript
js学习--抽奖
js学习--抽奖
28 1
|
3月前
|
JavaScript
js学习--隔行换色
js学习--隔行换色
34 1