人工智能C语言实训Day2(笔记）

css修饰技巧

定位：居中显示

文本的居中

*水平居中

text-align:center;

*垂直居中

line-height:~~px  \\（行高）要与上一行height高度一样

块的居中

方法一（绝对定位）

1，绝对定位：position：absolute；\\会浮起来

2，指定参照物：在参照物中加入position：relative；

3，top：50%；

      left：50%；

4，平移：trabsform：translate（-50%，-50%）；

方法二（弹性盒子）

在大的div内设置

                 a，弹性布局：display:flex;

                 b，垂直居中：justify-content:center;

                 c，水平居中：align-items:center;

两端对齐

                b，justify-content：space-between；

两边相等

                 b，justify-content：space-around；

补充：归类：class

                    \\归类的名称前用.

圆角

border-radivs:~~%;/~~px;

插入图标和字体

使用阿里巴巴的iconfont

插入图标

a，选择图标添加入库

b，点击购物车，创建项目，然后将图标添加至项目

c，点击下载至本地 

d，将download.zip文件打开，将除过“demo.css和demo_index.html”的所有文件

拷贝至sources目录

e，在html中引入iconfont.css文件(修改路径)

f，打开demo_index.html，选择“Font class”，查看使用方法

      1）      

      2）          ​​​​​​

      3）       

      4）   代码放在head标签的最后一行   

      5） 修改路径       

      6）    
      7）将icon-xxx修改

字体优化

a,输入文字，代码引用，复制代码。

b,放在style标签的最后，复制font-family:"         "

c,在需要修改的字体的标签中加入复制内容。

d,下载安装包，将文件拷贝至sources目录。

e,修改路径\\如果不修改路径从其他地方打开字体会消失

1)

2)

3)

边距

内边距

padding:~~px;

外边距

margin-~~

格式化代码

ctrl+a,ctrl+alt+L