重点：

1.

• display: none；不支持过渡

• opacity 占着位置，如果下面有a标签鼠标还是能触碰到

• visibility 占着位置，但是如果下面有a标签鼠标不能触碰到

• 如果想消失又不被点击到，可以结合 opacity 和 visibility 来使用
  定位值改变的时候，一定要设置初始值，因为默认值是auto

2.

绝对定位元素不需要知道宽度居中方法
父级设置一个position: relative;
子元素设置一个position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%，-50%);

3.

伪元素必须依赖于实体标签才可以生成
before和after 默认是inline
content 里面可以直接插入背景图片
如果要引入图片的话， content: url（images1.png);

content: attr(data-);
attr 专门来取所在环境的标签上面的属性
以date-开头，是HTML5新的语法规定

before 和 after 如果要设置 position: absolute;的话，必须要给它所依附的元素设置 position: relative;

伪元素生成的内容是不能被选中的

外部样式表CSS中 开头要声明 @charset "utf-8";

添加阿里图标方法
所有的阿里图标都用i标签来做

1. • 如果输入进去没出现效果，是因为没加http: 协议

     
     image.png

第二步：定义使用iconfont的样式

.iconfont{
font-family:"iconfont" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;}

第三步：挑选相应图标并获取字体编码，应用于页面

<i class="iconfont">3</i>

UILabel * label = [[UILabel alloc] initWithFrame:self.view.bounds];
UIFont *iconfont = [UIFont fontWithName:@"uxIconFont" size: 34];
label.font = iconfont;
label.text = @"\U00003439 \U000035ad \U000035ae \U000035af                             
\U000035eb \U000035ec";
[self.view addSubview: label];

2. 第二部

   
   image.png

网站logo
首先得有一个.ico 作为扩展名 文件 然后引入

<link rel="shortcut icon"  href="赞-色块icon.png" type="x-icon">

4.

一般把网站logo当做背景图的时候，还需要在里面加这个logo相关的信息，再设置text-indent: -99999px;把它顶出屏幕外面!

image.png image.png

检索文字能不能被用户所选中

user-select: none;