.tl {
創(chuàng)新互聯(lián)是一家專業(yè)提供塔河企業(yè)網站建設,專注與網站建設、網站制作、H5頁面制作、小程序制作等業(yè)務。10年已為塔河眾多企業(yè)、政府機構等服務。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進行中。
width: 240px;
height: 193px;
position: absolute;/*這里一定要設置*/
z-index: 999999;/*這里是該元素與顯示屏的距離，據(jù)說越大越好，因為沒有它也是可以的*/
margin-top: 20%;
margin-left: -209px;
background-image :url("/ship_three/images/tl.png");
-webkit-transition: .5s ease-in-out;/* css的transition允許css的屬性值在一定的時間內從一個狀態(tài)平滑的過渡到另一個狀態(tài) */
-moz-transition: .5s ease-in-out;/*這里為了兼容其他瀏覽器*/
-o-transition: .5s ease-in-out;
background-image: url("/ship_three/images/tl.png");
}
可以，沒問題CSS代碼就是上面的。
擴展資料：
div中style使用css代碼
div中可以直接寫CSS樣式代碼，只需要DIV代碼（標簽）中使用style屬性即可直接寫CSS樣式。
DIV代碼：
div?style="color:#F00;border:1px?solid?#000;width:300px;height:100px"你好?DIVCSS5/div?
完整案例代碼與效果截圖：
完整HTML案例代碼
!DOCTYPE?html
html
head
meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/
titleDIV直接寫CSS?DIVCSS5案例/title
/head
body
div?style="color:#F00;border:1px?solid?#000;width:300px;height:100px"你好?DIVCSS5/div
/body
/html
div標簽內常用屬性列表
1、style 設置css樣式(擴展了解style標簽)
2、align 設置div盒子內的內容居中、居左、居右
3、id?引人外部對應#（井號）選擇符號樣式
4、class?引人外部對應.（句號）選擇符號樣式
5、title 設置div（標題）鼠標經過時顯示文字（擴展了解?title標簽）
參考資料來源：DIV-百度百科
CSS上標：sup上浮內容/sup
CSS下標：sub下浮內容/sub
以下是范例:
一、電腦不能啟動的原因
系統(tǒng)不承認硬盤
此類故障比較常見，即從硬盤無法啟動，從A盤啟動也無法進入C盤，使用CMOS中的自動監(jiān)測功能也無法發(fā)現(xiàn)硬盤的存在。這種故障大都出現(xiàn)在連接 電纜 或IDE口端口上，硬盤本身的故障率很少，可通過重新插拔硬盤電纜或者改換IDE口及電纜等進行替換試驗，可很快發(fā)現(xiàn)故障的所在。
如果新接上的硬盤不承認，還有一個常見的原因就是硬盤上的主從條線，如果硬盤接在IDE的主盤位置，則硬盤必須跳為主盤狀，跳線錯誤一般無法檢測到硬盤。
在CSS中，所有元素被“ 盒子 ”所包圍，利用盒模型的基本原理來實現(xiàn)CSS準確布局，元素排列等處理
CSS廣泛使用的兩種盒子，其在頁面流和元素之間的關系表現(xiàn)為不同的行為：
對于定義為塊級盒子（block）的元素會表現(xiàn)出以下行為：
對于定義為內聯(lián)盒子（inline）的元素會表現(xiàn)出以下行為：
通過對盒子設置display的屬性值，來控制盒子的外部顯示類型
外部顯示類型與內部顯示類型
外部顯示類型：決定盒子是塊級還是內聯(lián)，即決定了盒子之間的布局方式
內部顯示類型：決定了盒子內部的元素是如何布局的，默認情況是按照正常文檔流布局，也可以通過設置display值為flex和grid來改變內部元素之間的布局方式
不同顯示類型的例子
block：
圖中段落里的 span word /span 被設置為 display：block
因此其獨占一行，寬度填滿整個父元素
flex：
圖中的列表被設置為 display：block ，每個列表是一個塊級元素 —— 像段落一樣 —— 會充滿整個容器的寬度并且換行
inline-flex與inline
圖中的列表被設置為 display：inline-flex ，使得在一些flex元素外創(chuàng)建一個內聯(lián)框
最后設置兩個段落為 display: inline ， inline flex 容器和兩個段落在同一行上，而不是像塊級元素一樣換行
CSS組成一個盒模型需要以下幾個部分：
在標準模型中，如果你給盒設置 width 和 height，實際設置的是 content box。 padding 和 border 再加上設置的寬高一起決定整個盒子的大小
如果使用標準模型寬度 = 410px (350 + 25 + 25 + 5 + 5)，高度 = 210px (150 + 25 + 25 + 5 + 5)，padding 加 border 再加 content box
如果使用替代模型，一切都將變得簡單很多，此時的 width 和 height 就是盒子可見的寬度與高度，無論怎么改變 padding 或 border 的值，都會通過壓縮 conten box 的大小來保持 width 和 height 的值不變
如需使用，只需要聲明以下CSS樣式：
外邊距是盒子周圍一圈看不到的空間。它會把其他元素從盒子旁邊推開。 外邊距屬性值可以為正也可以為負。設置負值會導致和其他內容重疊。無論使用標準模型還是替代模型，外邊距總是在計算可見部分后額外添加
CSS：
html：
結果如下：因為上外邊距設置為負值，所以兩個邊框會重疊
外邊距折疊
理解外邊距的一個關鍵是外邊距折疊的概念。如果你有兩個外邊距相接的元素，這些外邊距將合并為一個外邊距，即最大的單個外邊距的大小
結果如下，中間間隔的部分為50px
如下圖所示，對內聯(lián)盒子設置 width 和 height 都不會生效，雖然margin，padding和border會生效，但不會改變與其它內聯(lián)盒子的關系，因此其內邊距和邊框會與段落的其它元素重疊
要避免上述情況，只需要將內聯(lián)盒子的display值設置為inline-block即可
設置之后的效果為：
但因其保留有inline的特征，所以它不會跳轉到新行
float可以使得當前元素脫離正常文本流，并吸附到父元素的左邊（left）或者右邊（right）正常布局中位于該浮動元素之下的內容，此時會圍繞著浮動元素進行排列
基本的常見用途在于圖片與文字環(huán)繞排版以及首字母下沉：
重點是這個，元素浮動具有一定的規(guī)則與限制
設置如下三個盒子（均以塊級元素方式呈現(xiàn)）：
將box1設置為向右浮動：
因為box1脫離正常文檔流，所以box2和box3會向上填補box1的空位，box1浮動到父元素（body）的最右邊
設置box1向左浮動：
同理，box1脫離正常文檔流，box2與box3向上填補box1的空位，此時box1浮動到父元素（body）的最左邊，所以會覆蓋掉box2（浮動元素在正常流文檔的上方）
設置box2向左浮動：
可以看到box3因為box2脫離正常文檔流而向上填充其空位，box2因為浮動到左邊覆蓋了box3，然而box1仍處于正常文檔流中，并且在html文件中最先聲明，所以box2只能在box1的下方進行浮動（即使box2設置為向右浮動也是一樣）
設置box1、box2與box3都向左浮動：
可以看到三個盒子均向左浮動，直到碰到前一個浮動框的邊緣為止（對于box1來說是碰到父元素的邊緣），因此呈現(xiàn)如此的排列狀況
如果當父元素太窄，無法包含三個盒子的寬度，則無法容納的元素向下移動，直到有足夠的空間使得其能向某個方向浮動，如下圖所示：
如果浮動元素的高度不同，那么當它們向下移動時可能被其它浮動元素“卡住”
相關參考：
浮動的規(guī)則先討論到此
高度塌陷
在父元素container內設置一個盒子box1，此時沒有設置浮動，box1會撐起父元素container的高度
如果此時設置box1浮動，因為其脫離了正常文檔流，無法撐起盒子的高度，所以將發(fā)生高度塌陷：
為了解決這個問題，在此提供三種方法：
1. 添加額外標簽
首先在父元素內添加空白內容的額外標簽clearfix
然后再CSS規(guī)則中添加以下內容：
通過清除父元素內空白元素的浮動，使得父元素邊框重新包含浮動內容
2. 父級元素添加overflow屬性
直接在父元素內添加overflow屬性：
同樣可以清除浮動，結果如下：
3. after偽元素
html文檔改為：
在CSS規(guī)則里添加：
其實就是html里面的a標簽的css屬性偽類，link、visited、hover、active；通過css、jquery、js都可以實現(xiàn)這種特效的。
重慶分公司
重慶分公司
