Css-细碎知识点

最新推荐文章于 2024-08-28 17:54:22 发布

福星--

最新推荐文章于 2024-08-28 17:54:22 发布

阅读量58

点赞数

文章标签： css

本文链接：https://blog.csdn.net/m0_56201092/article/details/118992906

版权

1.书写位置—外链式：

<head>
  <link href="CSS文件的路径"  rel="stylesheet" />
</head>

rel：定义当前文档与被链接文档之间的关系，在这里需要指定为“stylesheet”，
表示被链接的文档是一个样式表文件。

2.font-综合设置字体样式：

选择器{
        font: font-style  font-weight  font-size/line-height  font-family;
      }

注意：

必须保留font-size和font-family属性，否则font属性将不起作用。

3.透明的设置：

rgba() 设置单颜色的透明：a代表alpha，透明范围是0-1,0可以省略掉

opacity 设置元素整体透明：设置的是整体的透明度范围是0-1

div{
        opacity：0.5；
    }

4.去除图片下缝隙：

1 .给img 加 vertical-align:middle | top等等。让图片不要和基线对齐。

2.给img 添加 display：block; 转换为块级元素就不会存在问题了。

5.溢出的文字隐藏：

1.overflow：

hidden：溢出部分直接裁调不显示

scroll ：出现滚动条

auto ：哪边溢出哪边出现滚动条

2.white-space:

normal : 　默认处理方式

nowrap : 　强制在同一行内显示所有文本，直到文本结束或者遭遇br标签对象才换行。

3.text-overflow :

clip : 　不显示省略标记（...），而是简单的裁切

ellipsis : 　当对象内文本溢出时显示省略标记（...）

使用三部曲：

1.强制一行：white-space:nowrap;

2. 溢出部分隐藏：overflow：hidden；

3.文字溢出省略：text-overflow:ellipsisi;

6.伪元素选择器—E::before和E::after:

div::before {
                  content:"开始";
            }

7.优先级;z-index：谁大谁优先

8.外边距塌陷：父元素添加overflow:hidden

关注