alex_bn_lee

导航

【295】暗黑表格模板及相关

目录:

一、表格显示及源码

二、表格内部代码

三、链接换颜色适应黑色背景


一、表格显示及源码

  效果如下所示:

序号 类名称  

功能说明

  语法 & 举例
01 Open()  

====<<<< Description >>>>====

用于打开一个文件,创建一个对象,相关的方法才可以调用它进行读写。
----------------------------------------------------------------------------------

====<<<< Syntax >>>>====

open (name[, mode[, buffering]])
----------------------------------------------------------------------------------

====<<<< Return Value >>>>====

返回值为...
----------------------------------------------------------------------------------

====<<<< Parameters >>>>====

◈  name:一个包含了你要访问的文件名称的字符串值。
----------------------------------------------------------------------------------

====<<<< References >>>>====

参考:python文件打开方式详解——a、a+、r+、w+区别

   
           

源代码如下:

<table style="border-style: solid; border-color: #ffffff; border-width: 5px; background-color: #ffffff; width: 1097px;" border="5" cellspacing="1" cellpadding="1">
<tbody>
<tr style="background-color: #9999ff;">
<td style="border-style: solid; text-align: center; border-color: #ffffff; width: 50px; border-width: 3px; background-color: #9999ff;"><span style="font-size: 15px; font-family: Georgia;"><strong>序号</strong></span></td>
<td style="border-style: solid; text-align: center; border-color: #ffffff; width: 40px; border-width: 3px;"><span style="font-size: 15px; font-family: Georgia;"><strong>类名称</strong></span></td>
<td style="border-style: solid none; text-align: center; border-color: #ffffff; width: 5px; border-width: 3px;"><span style="font-family: Georgia; font-size: 15px;">&nbsp;</span></td>
<td style="border-style: solid none; border-color: #ffffff; width: 350px; border-width: 3px; text-align: left;">
<p style="text-align: center;"><span style="font-size: 15px; font-family: Georgia;"><strong>功能说明</strong></span></p>
</td>
<td style="border-style: solid none; border-color: #ffffff; width: 5px; border-width: 3px; text-align: left;"><span style="font-family: Georgia; font-size: 15px;">&nbsp;</span></td>
<td style="border-style: solid none; border-color: #ffffff; width: 380px; border-width: 3px; text-align: center;"><span style="font-size: 15px; font-family: Georgia;"><strong>语法 &amp; 举例</strong></span></td>
</tr>
<tr style="background-color: #99ffcc;">
<td style="border-style: solid; text-align: center; border-color: #ffffff; width: 50px; border-width: 3px; background-color: #9999ff;"><strong><span style="font-size: 16px;">01 </span></strong></td>
<td style="border-style: solid; text-align: center; border-color: #ffffff; width: 40px; border-width: 3px; background-color: #ffc97a;"><span style="font-size: 16px;">Open()</span></td>
<td style="border-style: solid none; text-align: center; border-color: #ffffff; width: 5px; border-width: 3px; background-color: #333333;"><span style="font-family: Georgia;">&nbsp;</span></td>
<td style="border-style: solid none; border-color: #ffffff; width: 350px; border-width: 3px; text-align: left; background-color: #333333;">
<p><span style="font-family: Georgia; font-size: 13px; color: #99ccff;"><span style="color: #ffcc00;">====&lt;&lt;&lt;&lt;</span> <span style="color: #cc99ff;"><strong>Description</strong> </span><span style="color: #ffcc00;">&gt;&gt;&gt;&gt;====</span><br /></span></p>
<p><span style="font-family: Georgia; font-size: 13px; color: #99ccff;">用于打开一个文件,创建一个对象,相关的方法才可以调用它进行读写。<br /><span style="color: #ffcc00;">----------------------------------------------------------------------------------</span><br /></span></p>
<p><span style="font-family: Georgia; font-size: 13px; color: #99ccff;"><span style="color: #ffcc00;">====&lt;&lt;&lt;&lt;</span> <span style="color: #cc99ff;"><strong>Syntax</strong> </span><span style="color: #ffcc00;">&gt;&gt;&gt;&gt;====</span><br /></span></p>
<p><span style="font-family: Georgia; font-size: 13px; color: #99ccff;"><span style="color: #ff99cc;"><strong>open </strong></span><span style="color: #99ffcc;">(name[, mode[, buffering]])</span><br /><span style="color: #ffcc00;"><span style="font-family: Georgia; font-size: 13px; color: #99ccff;"><span style="font-family: Georgia; font-size: 13px; color: #99ccff;"><span style="color: #ffcc00;">----------------------------------------------------------------------------------<br /></span></span></span></span></span></p>
<p><span style="font-family: Georgia; font-size: 13px; color: #99ccff;"><span style="color: #ffcc00;">====&lt;&lt;&lt;&lt; <span style="color: #cc99ff;"><strong>Return Value</strong> <span style="color: #ffcc00;">&gt;&gt;&gt;&gt;====</span></span></span></span></p>
<p><span style="font-family: Georgia; font-size: 13px; color: #99ccff;">返回值为...</span><span style="font-family: Georgia; font-size: 13px; color: #99ccff;"><span style="color: #ffcc00;"><br />----------------------------------------------------------------------------------</span><br /></span></p>
<p><span style="font-family: Georgia; font-size: 13px; color: #99ccff;"><span style="color: #ffcc00;">====&lt;&lt;&lt;&lt;</span> <span style="color: #cc99ff;"><strong>Parameters</strong> </span><span style="color: #ffcc00;">&gt;&gt;&gt;&gt;====</span><br /></span></p>
<p><span style="font-family: Georgia; font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">name</span>:一个包含了你要访问的文件名称的字符串值。<br /><span style="color: #ffcc00;">----------------------------------------------------------------------------------</span><br /></span></p>
<p><span style="font-family: Georgia; font-size: 13px; color: #99ccff;"><span style="color: #ffcc00;">====&lt;&lt;&lt;&lt;</span> <span style="color: #cc99ff;"><strong>References</strong> </span><span style="color: #ffcc00;">&gt;&gt;&gt;&gt;====</span><br /></span></p>
<p><span style="font-family: Georgia; font-size: 13px; color: #99ccff;">参考:<span style="color: #ff99cc;">python文件打开方式详解&mdash;&mdash;a、a+、r+、w+区别</span></span></p>
</td>
<td style="border-style: solid none; border-color: #ffffff; width: 5px; border-width: 3px; text-align: left; background-color: #333333;"><span style="font-family: Georgia;">&nbsp;</span></td>
<td style="border-color: #ffffff; border-width: 3px; border-style: solid; background-color: #333333;">&nbsp;</td>
</tr>
<tr style="background-color: #99ffcc;">
<td style="border-style: solid; text-align: center; border-color: #ffffff; width: 50px; border-width: 3px; background-color: #9999ff;"><strong><span style="font-size: 16px;">&nbsp;</span></strong></td>
<td style="border-style: solid; text-align: center; border-color: #ffffff; width: 40px; border-width: 3px; background-color: #ffc97a;">&nbsp;</td>
<td style="border-style: solid none; text-align: center; border-color: #ffffff; width: 5px; border-width: 3px; background-color: #333333;">&nbsp;</td>
<td style="border-style: solid none; border-color: #ffffff; width: 350px; border-width: 3px; text-align: left; background-color: #333333;">&nbsp;</td>
<td style="border-style: solid none; border-color: #ffffff; width: 5px; border-width: 3px; text-align: left; background-color: #333333;">&nbsp;</td>
<td style="border-color: #ffffff; border-width: 3px; border-style: solid; background-color: #333333;">&nbsp;</td>
</tr>
</tbody>
</table>
View Code

二、表格内部代码

  由于直接复制表格内的内容复制到新的表格中会产生很多新的【<span>】,导致编辑的时候很不方便,因此我将表格内部的代码【<td>...</td>】附在下面。

  1. 在想要添加内容的表格处填写【456852】

  2. 切换到 HTML 模式,通过查找【456852】,确认其所在的【<td>...</td>】

  3. 将 2 中的标签用下面的 HTML 替换即可

<td style="border-style: solid none; border-color: #ffffff; width: 350px; border-width: 3px; text-align: left; background-color: #333333;">
<p><span style="font-size: 13px; color: #ffcc00;"><a name="A01"></a>====&lt;&lt;&lt;&lt; <span style="color: #cc99ff;"><strong>Description</strong></span>&gt;&gt;&gt;&gt;====</span></p>
<p><span style="font-size: 13px; color: #99ccff;">datetime 模块下 的 datetime 对象,包含 date 对象和 time 对象的所有信息。</span><br /><span style="font-size: 13px; color: #ffcc00;">----------------------------------------------------------------------------------</span></p>
<p><span style="font-size: 13px; color: #ffcc00;">====&lt;&lt;&lt;&lt; <strong><span style="color: #cc99ff;">Syntax</span> </strong>&gt;&gt;&gt;&gt;====</span></p>
<p><span style="font-size: 13px;"><span style="color: #ff99cc;"><strong>datetime.datetime</strong></span> <span style="color: #33cccc;">(year, month, day, hour=0, minute=0, second=0, microsecond=0, tzinfo=None, *, fold=0)</span></span><br /><span style="font-size: 13px; color: #ffcc00;">----------------------------------------------------------------------------------</span></p>
<p><span style="font-size: 13px; color: #ffcc00;">====&lt;&lt;&lt;&lt; <strong><span style="color: #cc99ff;">Parameters</span> </strong>&gt;&gt;&gt;&gt;====</span></p>
<p><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">year</span>:必须。MINYEAR &lt;= year &lt;= MAXYEAR</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">month</span>:必须。1 &lt;= month &lt;= 12</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">day</span>:必须。1 &lt;= day &lt;= 365/366</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">hour</span>:默认 00 &lt;= hour &lt; 24</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">minute</span>:默认 00 &lt;= minute &lt; 60</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">second</span>:默认 00 &lt;= second &lt; 60</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">microsecond</span>:默认 00 &lt;= microsecond &lt; 1000000</span><br /><span style="font-size: 13px; color: #ffcc00;">----------------------------------------------------------------------------------</span></p>
<p><span style="font-size: 13px; color: #ffcc00;">====&lt;&lt;&lt;&lt; <strong><span style="color: #cc99ff;">Methods</span> </strong>&gt;&gt;&gt;&gt;====</span></p>
<p><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.today</span> <span style="color: #33cccc;">()</span>:返回现在的当地时间。</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.now</span> <span style="color: #33cccc;">(tz=None)</span>:返回本地当前的日期和时间。如果可选的参数 tz 为 None 或者没有指定,就如同today()。</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.utcnow</span> <span style="color: #33cccc;">()</span>:返回现在的 UTC 时间。</span><br /><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.date</span> <span style="color: #33cccc;">()</span>:返回相同年月日的 date 对象。</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.time</span> <span style="color: #33cccc;">()</span>:返回相同时分秒的 time 对象。</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.replace</span> <span style="color: #33cccc;">(year=self.year, month=self.month, day=self.day, hour=self.hour, minute=self.minute, second=self.second, microsecond=self.microsecond, tzinfo=self.tzinfo, * fold=0)</span>:返回一个除了发生变化的属性外其他一样的 datetime 。</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.weekday</span> <span style="color: #33cccc;">()</span>:返回一个整型,Monday 是 0,Sunday 是 6,一周中的第几天。</span><br /><span style="font-size: 13px; color: #ffcc00;">----------------------------------------------------------------------------------</span></p>
<p><span style="font-size: 13px; color: #ffcc00;">====&lt;&lt;&lt;&lt; <strong><span style="color: #cc99ff;">Attributes</span> </strong>&gt;&gt;&gt;&gt;====</span></p>
<p><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.min</span>:返回值为 datetime,最小的。</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.max</span>:返回值为 datetime,最大的。</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.year</span>:年</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.month</span>:月</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.day</span>:日</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.hour</span>:时</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.minute</span>:分</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.second</span>:秒</span><br /><span style="font-size: 13px; color: #99ccff;">◈&nbsp; <span style="color: #ffcc99;">datetime.microsecond</span>:微秒</span></p>
</td>
View Code

三、链接换颜色适应黑色背景

  事先需要将变色的链接写入到博客园》设置》页面定制CSS代码中,带入如下所示:

a.selected_IDL:link {
    color:#FD971F;
    text-decoration:underline;
    }
a.selected_IDL:visited {
    color:#66D9EF;
    text-decoration:none;
    }
a.selected_IDL:hover {
    color:#AE81FF;
    text-decoration:none;
    }
a.selected_IDL:active {
    color:#F92672;
    text-decoration:none;
    }

  在新建链接的时候,按照下面的操作添加类别为 “selected_IDL” 即可

  效果如下所示:

测试一 测试二
测试三 测试四

posted on 2018-01-22 16:27  McDelfino  阅读(403)  评论(0编辑  收藏  举报