WEB前端新手开始学习 6.23

最新推荐文章于 2024-08-20 13:48:29 发布

LiangKJZ

最新推荐文章于 2024-08-20 13:48:29 发布

阅读量90

点赞数 1

文章标签：大数据 html

本文链接：https://blog.csdn.net/LiangKJZ/article/details/125433910

版权

1.今天真的难到我了，新知识特别多，作业中遇到的问题无法理解，算是遇到第一个困难了，有点难受，晚上再动动脑子，太难了，真的，太难了。

2.作业开始不会做了，难受，主要时间不够，我头有点痛了

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title></title>
    <!--  
1: text-transform 可以用来设置文本的大小写
   可选值：
      none  默认值  正常显示
      uppercase   字母大写
      lowercase     字母小写
      capitalize   首字母大写

2: text-decoration  [dɛkə'reɪʃ(ə)n] 可以用来设置文本的修饰
    可选值：
       none       没有任何修饰线
       underline;   加下划线
       overline     加上划线
       line-through  删除线
    
3: letter-spacing可以指定字符间距 
4: word-spacing可以设置单词之间的距离
5: text-align用于设置文本的对齐方式
    可选值：
      left  默认值  左对齐
      right  右对齐
      center  居中对齐
      justify  两端对齐

6: text-indent 设置首行缩进
   一般用em为单位 

7: white-space: ; 设置网页如何处理空白
    可选值：
      normal  默认值  文本正常显示
      nowrap   不换行     
8: text-overflow 文本溢出包含元素时发生的事情
   可选值：
      none   默认值  文本正常显示
     ellipsis  省略号

9: text-shadow: h-shadow v-shadow blur color;
     参数
       1、阴影的水平位移距离   必填
       2、阴影的垂直位移距离   必填
       3、阴影的模糊半径       选填   默认是0px 
       4、阴影的颜色         选填   默认跟字体颜色一样

 
10:vertical-align  设置元素垂直对齐的方式
        -->
    <style>
      .p1 {
        text-transform: capitalize;
        /* text-decoration: line-through; */
        /* letter-spacing: 20px; */
        /* word-spacing: 20px; */
      }
      .p2 {
        /* text-align:justify; */
        /* text-indent:2em; */
        background-color: pink;
        /* 文本省略号的固定的写法 */
        /* 设置固定的宽度 */
        width: 500px;
        /* 设置不换行 */
        white-space: nowrap;
        /* 裁剪多余 */
        overflow: hidden;
        /* 设置多余的内容用省略号代替 */
        text-overflow: ellipsis;
      }
      a {
        text-decoration: none;
      }
      h1 {
        color: red;
        text-shadow: 15px 15px ;
      }
    </style>
  </head>

  <body>
    <h1>力京谋陀。</h1>
    <a href="#">你生下也。</a>
    <p class="p1">斯娟书准一氏会，赏。Lorem ipsum dolor sit amet consectetur.</p>
    <p class="p2">即文烦航斗收手派皮为保极之仓由有火别至。Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae, quia.</p>
  </body>
</html>

不说了，作业还没写完呢