軟體測試 學習之路 CSS 四

2021-09-25 00:19:09 字數 788 閱讀 6840

一、文字樣式中階

字型樣式

**格式:

font: 文字粗細 大小/行高 字型名稱;

例子:font: bold 200px/400px "微軟雅黑";

2.字型陰影

**格式:

text-shadow:x y r color;

注:x是為負數則陰影向左,整數向右,同理y正數向上,負數向下,r代表陰影模糊程度,數值月大則越模糊,其單位都是px,color為文字顏色。

例子:text-shadow: 10px 10px 0px red;凹凸字型 陰影巧用

原理:通過背景顏色以及不同於背景顏色的陰影打造凹凸字型效果

例子:

凹凸文字

二、過渡屬性

過渡屬性的作用就是體現元素預設樣式與最終樣式變化的過程。

**格式:transition:all 1s linear 0s;

注:第乙個引數的作用是設定元素的哪些屬性過渡,all表示全部過渡,width代表屬性寬度過渡,其他不過渡,其他屬性也一樣。

的哥屬性設定過渡需要的時長,單位s不能省略。

第三個屬性設定過渡延遲多少秒執行,單位s不能省略。

hover 設定滑鼠移到某一元素時狀態。

transition 這個屬性既可以新增在元素預設狀態,也可以新增在滑鼠上移狀態即新增在hover標籤內,區別就是第二種做法在滑鼠離開時候不會發生過渡變化。

例子:

軟體測試 學習之路 CSS 二)

一 元素展示型別 html中本身定義許多元素有自己預設在網頁中顯示的樣式,如有些元素預設情況下,你設定的寬高屬性不起作用,有些元素獨佔一行。這種現象我們稱為元素展示型別,為了方便記憶將元素展現型別分為三種 1.塊元素 2.行內元素 3.行內塊元素 塊元素 當時存在多個塊元素時,每乙個塊元素都會獨佔一...

軟體測試的學習之路 軟體質量

為什麼需要軟體測試 1 一款軟體從無到有會經歷很多的開發階段由不同的人來參與開發,所以最終產出的軟體功能可能會存在問題。因此為了保證軟體的功能是可用的,我們必須要進行測試。2 當前的軟體件行業已經不在是功能為王了,不僅僅只盯著軟體的功能是否滿足需求,還會對軟體是否容易上手,執行效率是否 ok 等一系...

軟體測試學習之路 軟體測試和測試環境筆記

前言 做了第一講 軟體測試和測試環境的筆記,是我自己在萬門大學系統化學習軟體測試做的學習筆記。為啥要學呢?因為雖然從大三就開始接觸軟體測試,但是大學老師教的東西,其實更多是灌填式,老師講什麼,你就學什麼。不知道別人怎麼想,但是我坦白,常常會有為什麼要學這個,學哪個又能幹嘛的疑問。出了社會更講速成化,...