日度归档:2020年3月3日

CSS 如何对文本中的第一个字符(字母)进行样式设置呢?


摘要:
下文讲述使用css脚本对文本中第一个字符进行样式设置的方法分享,如下所示:

在web系统开发中,我们经常需要对一个段落中的首字母(第一个字符)进行样式设置,
例:
使第一个字母或第一个字符比别的字母醒目(变为红色,字体大一号,加粗)等样式设置
如下例所示:

实现思路:
使用:first-letter可对元素的第一个字符进行设置

例:


<!DOCTYPE html>
<html> 
<head> 
<meta name="author" content="http://www.maomao365.com/" /> 
<meta charset="utf-8">
<title>猫猫教程---
对html元素中第一个字母(或文字)进行样式设置
</title>
<style type="text/css">

div{
  font-size:18px;
  width:200px;
  height:100px;
}

div:first-letter{ 
  font-size:20px; 
  font-weight:bolder; 
  color:red;
}
</style>
</head>
<body>

<div>猫猫教程--举例1:段落中第一个字母设置</div>
<div>猫猫教程--举例2:段落中第一个字母设置</div>

</body>
</html>
css 对html元素中的文本第一个字符进行样式设置的方法分享

css 对html元素中的文本第一个字符进行样式设置的方法分享

javascript 如何判断一个值是否为undefined呢?


摘要:
下文讲述js判断变量为undefined的方法分享,如下所示:


1.当一个变量定义后,未进行初始化,此时变量就是一个undefined
2.一个变量如果未定义,需采用”typeof 变量名”也返回一个undefined

例:
检测脚本中 变量a 是否为undefined

  
  <script>
  //www.maomao365.com 检测变量是否为undefined

  //检测 变量 a ,b,c 是否为undefined 
  //a未赋值,b 未定义  c 正常赋值

  var a;
  var c=10;

   
     if(typeof a ===undefined) { console.log("a变量未定义!")} 
     try{
     if(a ===undefined) { console.log("a变量未赋值!")} 
      }catch{}

     if(typeof b ===undefined) { console.log("b变量未定义!")} 
      try{  
     if(b ===undefined) { console.log("b变量未赋值!")} 
      }catch{}

     if(typeof c ===undefined) { console.log("c变量未定义!")} 
     
      try{
     if(c ===undefined) { console.log("c变量未赋值!")} 
      }catch{}

  </script>
  

JavaScript 如何获取一个数值的绝对值呢?


摘要:
下文讲述使用js获取一个数值的绝对值的方法分享,如下所示:


实现思路:
使用js的Math.abs()方法即可实现取数值的绝对值

例:
取数值绝对值

 
  <script>

  console.log(Math.abs(8));
  console.log(Math.abs(-88));
  console.log(Math.abs(-10.1));
  console.log(Math.abs(20));
  console.log(Math.abs(-20));
  
  </script>
 
javascript 绝对值计算方法

javascript 绝对值计算方法