反射与注解编程及-CSS3

day0525-CSS3

课程回顾

1.Java反射reflect原理与作用

程序运行过程中获取Java类对象，并动态获取元数据(meta)，比如：类名，构造器，属性，方法，参数等，同时也能动态修改数据，最终使功能更强大。

操作流程：拿到一个类对象->方法->获取元数据->修改(结合注解完成,annotation)

2.注解编程Annotaion

简化动态管理程序过程，通过简洁的注解对象动态配置或修改程序。

比如：

@Service

public class MyGame{

​ @Resource

​ private Student stu;

}

@RequestMapping

@Data

@Test

@Mapping

3.Java多线程间的通信

生产者/消费者模式

用户存取款案例->资源共享->同步锁->通知/等待(notify/wait)

两个或从个线程交替实现，模拟存取款，要保证数是安全的

本节内容

1.CSS3简介

2.CSS3文本效果

3.文本多列

4.服务器字体与图标字体

5.盒子属性

一.css3简介

将css样式按模块化管理，比如：盒子模型，文本效果，边框与背景，列表等

二.css3文本效果

text-shadow/box-shadow/word-break/text-overflow/overflow/white-space

三.文本多列，分栏

column:栏数

column-rule-width:分隔线宽度

column-rule-gap: 栏间距

colum-rule-color:分隔线颜色

colum-rule-style:分隔线的类型

四.服务器字体与图标字体（自定义字体）

1.服务器字体

操作步骤:

step1:下载并复制字体文本到项目中

step2:在内部样式中设置自定义字体的名称

       <style>
           @font-face{
               font-family:xx;
               src:url(字体文件路径)
           }
       </style>

step3:在样式中调用自定义的字体名

      <style>
          .mytext{
              font-famliy:xx;
          }
      </style>

2.图标字体

图标字体文件下载：

http://www.fontawesome.com.cn

step1:下载并复制到项目，样式文件fontawesome.css放在css文件夹中

​ 字体文件务必放在fonts文件夹中

step2:在页面中导入图标字体的样式表文件fontawesome.css

​

step3: 在页面创建一个标签，然后给它设置组合式的类名，实现图标字符效果

     <p> <span class="fa fa-2x fa-address-book fa-spin"></span>
         
     </p>

五.实战练习

1.服务器字体

在网页中增加一段文字,文字使用自己下载的服务器字体

2.创建一个div元素练习盒子的box-sizing与resize等

3.网页设计:根据给定的素材，实现以下网页效果。

2.创建一个div元素练习盒子的box-sizing与resize等

3.网页设计:根据给定的素材，实现以下网页效果。

[外链图片转存中…(img-mcLZcekn-1629175217517)]