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...