菜鳥學習第一站

2021-07-24 11:06:26 字數 1495 閱讀 8044

出來三個月了,才知道沒點過硬的本領是不行的,還好在學校有學過一點東西,要不然現在自學肯定無從入手,說的好像現在知道怎麼辦了一樣,不管怎樣,現在開始好好的努力吧!要不然吃不起飯很丟臉的。

我的前端之旅開始了

css樣式篇:transform 旋轉屬性;

transform: none|

transform-functions;

值描述none

定義不進行轉換。

matrix(n,n,n,n,n,n)

定義 2d 轉換,使用六個值的矩陣。

matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)

定義 3d 轉換,使用 16 個值的 4x4 矩陣。

translate(x,y)

定義 2d 轉換。

translate3d(x,y,z)

定義 3d 轉換。

translatex(x)

定義轉換,只是用 x 軸的值。

translatey(y)

定義轉換,只是用 y 軸的值。

translatez(z)

定義 3d 轉換,只是用 z 軸的值。

scale(x[,y]?)

定義 2d 縮放轉換。

scale3d(x,y,z)

定義 3d 縮放轉換。

scalex(x)

通過設定 x 軸的值來定義縮放轉換。

scaley(y)

通過設定 y 軸的值來定義縮放轉換。

scalez(z)

通過設定 z 軸的值來定義 3d 縮放轉換。

rotate(angle)

定義 2d 旋轉,在引數中規定角度。

rotate3d(x,y,z,angle)

定義 3d 旋轉。

rotatex(angle)

定義沿著 x 軸的 3d 旋轉。

測試rotatey(angle)

定義沿著 y 軸的 3d 旋轉。

rotatez(angle)

定義沿著 z 軸的 3d 旋轉。

skew(x-angle,y-angle)

定義沿著 x 和 y 軸的 2d 傾斜轉換。

skewx(angle)

定義沿著 x 軸的 2d 傾斜轉換。

skewy(angle)

定義沿著 y 軸的 2d 傾斜轉換。

perspective(n)

為 3d 轉換元素定義透視檢視。

純css畫乙個心形

先定義乙個div;

html介面:

css介面:

//畫乙個正方形然後傾斜;

.heart-shape  

//在正方形前面加兩個圓;

.heart-shape:before,  

.heart-shape:after  

給傾斜一定角度;即可有心形的效果;

.heart-shape:before 

.heart-shape:after  

C 第一站 認識C

是乙個簡單的 現代的 通用的 物件導向的程式語言,它是由微軟 microsoft 開發的。c 是專為公共語言基礎結構 cli 設計的。cli 由可執行 和執行時環境組成,允許在不同的計算機平台和體系結構上使用各種高階語言。using system net 框架 net framework c 是 n...

第一站 大連 看海之旅

5月下旬至7月上旬 是大連最舒服的季節 還不是很熱 微風拂面 神清氣爽的感覺 推薦一下旅遊路線吧 個人意見 來大連必去的幾個景點分為兩類 免費的 1.星海灣景區。在星海灣景區你可以來到星海廣場 星海灣浴場 星海公園,這幾個都是免費的,如果想去貝殼博物館和大連現代博物館,則是要收費的。這裡四季都可以來...

資料分析第一站!

資料分析在現在大資料時代裡,已經成為了不可或缺的一部分。以下介紹對 世界計算機科學技術專業排名前五的大學在頂尖期刊 數 的簡單的資料分析 引入爬蟲和視覺化的第三方庫 獲取近三年的資料的url,建立兩個空列表,分別儲存大學名稱和所佔比例,cols為確定視覺化的顏色,後面會用到!建立好爬蟲的框架,這裡不...