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代碼用來添加鼠標經過和鼠標點擊時的特效--在筆記本講解 特效
~~~