日度归档:2020年6月9日

css 如何实现一个字体”凸起”和”凹陷”的效果呢?


摘要:
下文讲述使用css代码实现字体的”凸起”和”凹陷”的效果的方法分享,如下所示:

 实现思路:
     使用text-shadow定义不同的阴影效果达到 "凸起"和"凹陷"的效果 

例:
“凸起”和”凹陷”的效果的示例分享

<style>
 body {
            background-color: grey;
        }
        
        div {
            color: grey;
            font-size: 120px;
            font-family: "微软雅黑";
        }
        
        div:first-child {
            /* text-shadow: 水平位置 垂直位置 模糊距离 阴影颜色 */
            text-shadow: 1px 1px 2px black, -1px -1px 2px white;
        }
        
        div:last-child {
            text-shadow: 1px 1px 2px white, -1px -1px 2px black;
        }


</style> 
<body>
    <div>猫猫教程-凸起</div>
    <div> 猫猫教程-凹陷</div>
</body>
css 字体凹陷的效果示例分享

css 字体凹陷的效果示例分享

javascript脚本为什么无法获取DOM对象呢?


摘要:
下文讲述js脚本放入html head标签中,竟然无法获取DOM对象的异常说明,如下所示:

今天在head标签中写入script脚本为一个按钮绑定事件,但是提示无法获取对象,到底是什么原因呢?
 

   
  通过仔细分析代码,发现当运行js代码时,页面还没有加载完DOM对象,所以js将无法找到对象

那么出现上文的异常我们可以采用以下方法进行处理:

方式1:将js脚本放入DOM对象之后

方式2:在js脚本中使用window.onload = function (){
/*js 脚本*/
}
待页面加载完毕后运行js代码

mysql数据库中计算时如何保留两位小数呢?


摘要:
下文讲述mysql数据库中数值计算时保留两位小数的方法分享,如下所示:

例:

   
 mysql > select convert(9521,decimal(12,2));
+-----------------------------+
| convert(9521,decimal(12,2)) |
+-----------------------------+
|                     9521.00 |
+-----------------------------+
1 row in set (0.00 sec)

mysql> select convert(8875.123,decimal(12,2));
+---------------------------------+
| convert(8875.123,decimal(12,2)) |
+---------------------------------+
|                         8875.12 |
+---------------------------------+
1 row in set (0.00 sec)

mysql> select convert(6523.136,decimal(12,2));
+---------------------------------+
| convert(6523.136,decimal(12,2)) |
+---------------------------------+
|                         6523.14 |
+---------------------------------+
1 row in set (0.00 sec)