css中常用的易忘標籤

2021-09-30 11:20:51 字數 2697 閱讀 7033

css中有很多標籤寫法,不常用的話,就容易忘記,手寫寫不出來,還要再查資料什麼的,現在對我工作中容易忘記的標籤寫法整理一下:

1、谷歌閉合機制

.clear

.clearfix

.clearfix:after

2、字型

.simsun //宋體

.yahei //微軟雅黑

其他字型英文寫法請看:

3、透明度

opacity: .9;filter:alpha(opacity=90)

ie7和ie6中opacity是沒有用的,在ie6中div透明的方法一般用filter;

.otherpay

4、超出長度顯示省略號

需要制定寬度。

display:bolck;

overflow:hidden;

white-space:nowrap;

text-overflow:ellipsis;

5、陰影效果

-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);

-moz-box-shadow: 0 1px 1px rgba(0,0,0,.2);

box-shadow: 0 1px 1px rgba(0,0,0,.2);

6、css3自適應寬度

-webkit-background-size: contain;

background-size: contain;

7、css強制換行:

自動換行

div強制英文單詞斷行

div強制不換行 

div

8、常見css3效果

參考:9、**哀悼,整體變灰的寫法:

10、ie6背景透明最好的辦法:

11、谷歌瀏覽器滾動條美化和css選中狀態顏色修改

12、div可編輯

要使div可編輯 必須 加入 contenteditable="true" 這個屬性。

id="div1"

contenteditable="true"  >

id="div2"

contenteditable="true"

>

contenteditable="true"  id="div3">

type="button"

id="cmdinsert"

οnclick="執行向div3插入html方法"/>

13、div禁止選擇

加上屬性:unselectable="on" onselectstart="return false;"

unselectable="on" onselectstart="return false;">

sdfsdfswerwer324234234234

這樣,div裡面的東西就不能選擇複製了!

14、css 中form表單兩端對齊

.test1

@media screen and (-webkit-min-device-pixel-ratio:0)

}

html:

姓 名

姓 名 姓 名

姓 名 名

所 在 地

工 作 單 位

15、css 圓角

ie 9、opera 10.5、safari 5、chrome 4和firefox 4,都支援上述的border-radius屬性。早期版本的safari和chrome,支援-webkit-border-radius屬性,早期版本的firefox支援-moz-border-radius屬性。

目前來看,為了保證相容性,只需同時設定-moz-border-radius和border-radius即可。

-moz-border-radius: 15px;

border-radius: 15px;

(注意:border-radius必須放在最後宣告,否則可能會失效。)

另外,早期版本firefox的單個圓角的語句,與標準語法略有不同。

* -moz-border-radius-topleft(標準語法:border-top-left-radius)

* -moz-border-radius-topright(標準語法:border-top-right-radius)

* -moz-border-radius-bottomleft(標準語法:border-bottom-left-radius)

* -moz-border-radius-bottomright(標準語法:border-bottom-right-radius)

常用易忘的CSS技巧

超出部分顯示省略號 單行文字 wrap 多行文字 wrap 自定義滾動條 overflow y scroll 整個滾動條 webkit scrollbar 滾動條的軌道 webkit scrollbar track 滾動條的滑塊 webkit scorllbar thumb 修改input輸入框中游...

常用易忘CSS小技巧

wrap 單行文字 wrap 多行文字 wrap 不換行 wrap 自動換行 wrap 強制換行 wrap.wrap 單列展示時 wrap 多列展示時 wrap.wrap.wrap.wrap.wrapimgp 將所有字母變成大寫字母 p 將所有字母變成小寫字母 p 首字母大寫 p 將字型變成小型的大...

linux的常用易忘命令

1.檢視軟體安裝路徑 root localhost which gcc usr bin gcc 查詢程序 ps ef grep redis 檢視埠 netstat lntp grep 6379 檢視檔案大小 root bsso yayu du h max depth 1 work testing 2...