web前端小白的第四天学习心得

最新推荐文章于 2024-09-14 21:53:48 发布

呵呵＆

最新推荐文章于 2024-09-14 21:53:48 发布

阅读量56

点赞数 2

文章标签：学习 css 前端

本文链接：https://blog.csdn.net/m0_72174649/article/details/125433680

版权

感觉又是很让人头疼的一天啊，学的东西也越来也复杂了，但也还在可接受范围之内，就整体来说只能用四个字来概括：身心疲惫,说多了也好像没多大用，分享一下今天的学习内容吧。

<!-- 颜色单位：

1:在CSS可以直接使用颜色的单词来表示不同的颜色

red green yellow orange

这种单位不推荐使用单词比较多，不好描述

2:使用RGB值来表示不同的颜色

R red

G green

B blue

浓度值 0-255

3:RGBA

a 透明度 0-1之间数值

1 不透明 0 完全透明

4:使用十六进制的rgb值来表示颜色，原理和上边RGB原理一样

十六进制 0-9abcdef 如果数值两两重复，可以截取一位表示

常用的颜色

#ccc 灰色 #eee 深灰色

#f00 红色 #0f0 绿色

#f60 棕黄色

rgb(255,0, 0)

5:HSL值 HSLA值

颜色浓度

色相

亮度

透明度

 <style>
      .p1 {
        /* 设置一个文字大小 */
        font-size: 40px;
        /* 设置一个字体 */
        font-family: fantasy;
        /* 设置文字斜体
		        可选值：
				  normal  默认值  文字正常显示
				  italic  文字斜体  常用的
				  oblique  文字斜体
		  */
        font-style: oblique;
        /* 设置文字的加粗
		       可选值
			     normal  默认值  文字正常显示
			     bold  加粗
				 100-900数值   100最细  900最粗
		   */
        font-weight: 900;
      }
      .p2 {
        /* 	设置一个小型大写字母 */
        font-variant: small-caps;
      }
	  /* font简写  必须有设置字体大小（必须倒数第二位）、设置字体（必须在倒数第一位） */
      .p3 {
        font: bold italic 30px fantasy;
      }
    </style>
  </head>
  <body>
    <strong>了赐贤生之，我放郭。</strong>
    <h1>下将恶，厅大时，法。</h1>
    <!-- <p class="p1">我是一段文字我是一段文字我是一段文字，ABCDEFGabcdefg</p> -->

    <p class="p2">我是一段文字，ABCDEFGabcdefg</p>

    <p class="p3">我是一段文字，ABCDEFGabcdefg</p>
  </body>
</html>