47.94.201.16
### flex布局
~~~
display:flex;
flex-direction:有四个参数()设置子元素的排列方式
row --默认 水平一排
column
row -reverse
column-reverse
justify\-content:(常用的有6个参数 cent flex\-start flex\-end space\-between space\-arround space\-evenly) 设置子元素水平方向的对齐方式
参看 阮一峰教程 flex布局
~~~
raba(,,,.3)最后一个参数是透明度
align-iteams设置子元素垂直方向的对齐方式
一个css文件中可以引用另一个css;在html中只引用一个即可:@import'**.css';
### 子类选择
~~~
最后一个不选中: li:not(:first child){}
只选中第一个:li:first/last child{}
~~~
### 图片经过时特效:
~~~
cursor:pointer;变成手的形状
transition:translateY(-20px);图片经过时动画
box-shadow:00 10 5px 颜色 表示阴影
~~~
### 网页之间跳转实现
~~~
思路:将头尾封装 中间是单独的页面 在头部的导航栏能够连接到中间的部分 头部给连接中间部分的连接
具体:
1.创建头部文件。(头部和尾部可以没有其他东西就是直接div。。。。)
2.创建js文件 (这个文件是为了加载头部文件)$(function(){
$("#head").load("...head.html")})
3.创建主页面 头部就写 <div id="head"></div> 在主页面上连接引入对应的js文件
4.尾部文件和头部相同
5.在新建中间部分的网页由 多个html组成(完整的页面能在控制台看到的 头部和尾部直接写<div id="head"></div>。。。)在最后加载一个<scrip src="...head.html和footer.html"></>
~~~~
系统软件卸载:
https://cn.apkhere.com/app/com.jumobile.manager.systemapp.pro
延迟 时长
谁有问题就给他设置一个父元素设置一个伪元素 一般情况下时在浮动和 和父元素magin-top时
## iconfont图标
#### 黑白图标:
~~~
在网站收藏图标 在 图标管理 下的 我的项目里面 有个font class 把css地址复制出来再html中写一个link连接 src就是地址还要加https//:
然后复制图标的class 记住 class里面要加一个iconfont 然后加复制的代码
<i class="iconfont icon-ditu"></i>
<i class="iconfont"></i>
~~~
#### 彩色图标:
~~~
要引入js文件在 我的项目里面的symol里面把js代码引入scrip标签中
然后再 帮助代码应用里面 把svg里面的代码复制 出来 然后 添加进去
animite.css 是用来设置字体的样式的一种方法简单实用:
1.在animite.css中的 view on github 中找到头部连接的css就是link的哪一些: <link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/animate.css@3.5.2/animate.min.css">
然后:<h1 class="animated infinite bounce delay-2s">Example</h1>
就可以了
下面有一段js代码用来添加鼠标经过和鼠标点击时的特效--在笔记本讲解 特效
~~~