欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久

打開(kāi)APP
userphoto
未登錄

開(kāi)通VIP,暢享免費電子書(shū)等14項超值服

開(kāi)通VIP
這些樣式表,你都用過(guò)么?

在Web開(kāi)發(fā)時(shí),不可避免要用到CSS,把我這幾年在Web開(kāi)發(fā)過(guò)程中積累的一些不常用但是很實(shí)用的CSS整理了一下,希望對大家有所幫助!

filter:chroma(color:#FFFFFF);
讓指定的背景色透明,例:

未使用該濾鏡 使用該濾鏡

word-break:break-all;
強制換行,例:

當未使用該樣式時(shí),雖然我設置了表格寬度為100px,但是面對這樣連續的字符,表格無(wú)法自動(dòng)換行,表格會(huì )被撐破:

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

再看看使用該樣式后的效果:

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

writing-mode:tb-rl;
用于設置文本的書(shū)寫(xiě)方向,可以有兩個(gè)取值:
lr-tb:表示左右-上下,left right - top bottom
tb-rl:表示上下-右左,top bottom - right left
需要 IE 5.5+ 才支持,例:

第一組垂直文字第一組水平文字第二組水平文字
第二組水平文字第三組豎直文字第三組水平文字

text-indent:2em;
首行縮進(jìn),例:

有時(shí)候,我們需要將段落的首行縮進(jìn)兩個(gè)文字,一般我們都是用4個(gè)HTML的空格( )來(lái)實(shí)現,其實(shí)我們還可以用樣式表來(lái)達到這種效果!

 

background-color: transparent;
transparent表示透明色,例:


border-collapse:collapse;
它會(huì )自動(dòng)把相同的邊框線(xiàn)合并,例:

不使用border-collapse:collapse;

1.1 1.2
2.1 2.2
使用border-collapse:collapse;
1.1 1.2
2.1 2.2

background-position: 0 -78;
設置背景圖片的位置,例:

《background-position的妙用》

table-layout: fixed;
固定布局的算法。在這算法中,水平布局是僅僅基于表格的寬度,表格邊框的寬度,單元格間距,列的寬度,而和表格內容無(wú)關(guān)。也就是說(shuō),內容可能被裁切,例:

看看我以前寫(xiě)的一個(gè)仿msn的htc網(wǎng)格中應用這個(gè)屬性的效果吧,仿照MSN的網(wǎng)格,單元格中文字過(guò)長(cháng)會(huì )自動(dòng)被截?。ㄔ赥able中使用樣式table-layout: fixed;),鼠標移上會(huì )全部顯示(使用一個(gè)浮動(dòng)的層覆蓋在上面): 演示 下載

display:inline;
設置或檢索對象是否及如何顯示,inline表示內聯(lián),例:

大家都知道兩個(gè)表格在一起,默認是會(huì )自動(dòng)換行的,但是利用display:inline;屬性可以讓兩個(gè)表格并排在一起:

表格1
 
表格2

overflow: auto;
檢索或設置當對象的內容超過(guò)其指定高度及寬度時(shí)如何管理內容。auto : 在需要時(shí)剪切內容并添加滾動(dòng)條,例:

使用前的TextArea 使用后的TextArea

font:12px/18px;
字體大小/行高,例:

未使用CSS 使用該CSS

在這里行高是系統默認的,不會(huì )受影響的

這里的12px就表示字體大小,18px其實(shí)就等價(jià)于css中的line-height。

clip : rect ( 0 64 64 0 )
字體大小/行高,例:

原圖:


裁減后:
 
可以利用這個(gè)來(lái)做動(dòng)畫(huà):)

font-size: expression(document.body.clientWidth / 20);
expression是IE瀏覽器特有的功能,可以直接執行腳本而算出css的值,例:

《CSS也能控制表格的交替顏色 》

字體大小隨著(zhù)瀏覽器大小而變化,始終為瀏覽器寬度的1/20

對于支持HTML的BBS來(lái)說(shuō),這可能會(huì )是一個(gè)安全隱患!

 

position: absolute;
這個(gè)我想絕大多數人都知道——絕對定位,我所要說(shuō)的是偶然發(fā)現的一個(gè)隱含功能,例:

當給一個(gè)網(wǎng)頁(yè)元素的CSS設置為"position: absolute;",那么它會(huì )絕對定位,然后根據css中的left,top屬性確定自己的位置。但是如果我們僅僅設置一個(gè)元素樣式表的"position: absolute;"屬性,而不設置其left,top屬性,那么該元素會(huì )浮在其html所在位置??磦€(gè)例子,我將一個(gè)tr的CSS設置為"position: absolute;":

第一行
第二行

第一行浮在第二行上了,這個(gè)特性可以很方便的來(lái)制作重疊效果,例如我以前寫(xiě)過(guò)的自定義按鈕和flash播放器都用到了這個(gè)特性來(lái)實(shí)現重疊:
下載
Flash播放器:這個(gè)播放器的進(jìn)度條就是通過(guò)這種方法來(lái)重疊的。(下載

本站僅提供存儲服務(wù),所有內容均由用戶(hù)發(fā)布,如發(fā)現有害或侵權內容,請點(diǎn)擊舉報。
打開(kāi)APP,閱讀全文并永久保存 查看更多類(lèi)似文章
猜你喜歡
類(lèi)似文章
11種常用css樣式之表格和定位樣式學(xué)習
四個(gè)好看的CSS樣式表格
css居中樣式的總結
純CSS設置Checkbox復選框控件的樣式 | 朽木博客
代碼學(xué)習群簡(jiǎn)易教程(29)
CSS去除表格的默認間距并且制作1px的細線(xiàn)表
更多類(lèi)似文章 >>
生活服務(wù)
分享 收藏 導長(cháng)圖 關(guān)注 下載文章
綁定賬號成功
后續可登錄賬號暢享VIP特權!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服

欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久