常用易忘CSS小技巧

.wrap

// 單行文字

.wrap 
// 多行文字
.wrap

//不換行

.wrap 
//自動換行
.wrap 
//強制換行
.wrap

.wrap

// 單列展示時

.wrap 
// 多列展示時
.wrap

.wrap

.wrap

.wrap

.wrap

img

p 

// 將所有字母變成大寫字母
p // 將所有字母變成小寫字母
p // 首字母大寫
p // 將字型變成小型的大寫字母

.wrap

.wrap

overflow-y: scroll;

整個滾動條::
-webkit-scrollbar 
滾動條的軌道::
-webkit-scrollbar-track 
滾動條的滑塊::
-webkit-scorllbar-thumb

body

.wrap

a 

a

a:after

select

select option

input

//webkit核心的瀏覽器 

input:
:-webkit-input-placeholder 
//firefox版本4-18 
input:
-moz-placeholder 
//firefox版本19+
input:
:-moz-placeholder 
//ie瀏覽器
input:
-ms-input-placeholder

// 父元素下的子元素是行內元素

.wrap 
// 若父元素下的子元素是塊級元素
.wrap

.wrap 

img 
// vertical-align css的屬性vertical-align用來指定行內元素（inline）或**單元格（table-cell）元素的垂直對齊方式。只對行內元素、**單元格元素生效，不能用它垂直對齊塊級元素
// vertical-align：baseline/top/middle/bottom/sub/text-top;

.scale 

.item 
="scale"
>
="item"
>
這裡是所有子元素的容器
<
/div>
<
/div>

span

.wrap

.help_tip

.help_tip:before

常用易忘的CSS技巧

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

易忘小技巧 網路

curl ifconfig.me環境 vmware中的虛擬機器通過ssh連線有獨立ip的公網伺服器，發現報錯，資訊如下 ssh服務 packet write wait connection to 67.218.143.160 port 22 broken pipe 處理方法 1 在 ssh conf...

css中常用的易忘標籤

css中有很多標籤寫法，不常用的話，就容易忘記，手寫寫不出來，還要再查資料什麼的，現在對我工作中容易忘記的標籤寫法整理一下 1 谷歌閉合機制 clear clearfix clearfix after 2 字型 simsun 宋體 yahei 微軟雅黑 其他字型英文寫法請看 3 透明度 opacit...