python基础-函数专题

文本属性

<div>Loremip sumdolors itametconsecteturadipisicingelit.Voluptas.</div>
<div>这是一首简单的小情歌 唱着我们心肠的曲折</div>

div {
  /* 每个字母或汉字之间间距 */
  letter-spacing: 5px; 
  /* 每个单词空格或汉字空格之间间距 */
  word-spacing: 10px;
}

a {
/* 将a的默认下划线去掉 */
  text-decoration: none; 
}

div {
  /* 删除线 */
  text-decoration: line-through;
}

div {
  /* 上划红色波浪线 */
  text-decoration: overline wavy rgb(253, 160, 160);
}

 div {
   /* 下划蓝色波点线 */
   text-decoration: dotted deepskyblue underline;
 }

div {
  width: 200px;
  text-indent: 30px;
}

div {
  height: 48px;
  font-size: 24px;
  background-color: rgba(248, 65, 65, 0.72);
  /* 下面三种写法效果是一样的 */
  line-height: 200%;
  /* line-height: 2; */
  /* line-height: 48px; */
}

列表属性

li {
  /* 设置列表符号为圆形 */
  list-style-type: disc; 
  background-color: yellow;
}

li {
  /* 设置列表符号为小写罗马 */
  list-style-type: lower-roman; 
  background-color: yellow;
  list-style-position: inside;
}

 ​​​​​​​

li {
  /* 设置列表符号为小写罗马 */
  list-style-type: lower-roman; 
  background-color: yellow;
  list-style-position: outside;
}

li {
  background-color: yellow;
  list-style-position: outside;
  /* 设置自定义列表图片 */
  list-style-image: url('./src/icons/svg/dashboard.svg');
}

li {
  background-color: yellow;
  list-style: url('./src/icons/svg/dashboard.svg') inside;
}

表格属性

 <table border="1">
    <caption>学生成绩统计表</caption>
    <tr>
      <th>姓名</th>
      <th>性别</th>
      <th>年级</th>
      <th>成绩</th>
    </tr>
    <tr>
      <td>小龙齐德龙</td>
      <td>男</td>
      <td>12</td>
      <td>100</td>
    </tr>
    <tr>
      <td>小虎虎虎生威</td>
      <td>男</td>
      <td>11</td>
      <td>90</td>
    </tr>
    <tr>
      <td>小猫喵喵喵</td>
      <td>女</td>
      <td>12</td>
      <td>33</td>
    </tr>
  </table>

table {
  table-layout: fixed;
}

table {
  table-layout: fixed;
  border-spacing: 12px;
}

 ​​​​​​​

table {
  table-layout: fixed;
  border-spacing: 12px;
  border-collapse: collapse;
}

table {
 table-layout: fixed;
 border-spacing: 12px;
 border-collapse: collapse;
 caption-side: bottom;
}

鼠标属性

li {
  font-size: 48px;
  /* 小手样式 */
  cursor: pointer;
}