p
複製**
p
複製**
height 和 line-height 同樣的高度
.box.box
複製**
這是一段內容文字，這是一段內容文字
複製**
p:first-letter
複製**
word-wrap:break-word; 只對英文起作用，以單詞作為換行依據
white-space:pre-wrap; 只對中文起作用，強制換行
white-space:nowrap; 強制不換行，都起作用
p
複製**
屬性與值的說明如下：
text-shadow: [x-offset,y-offset,blur,color];
x-offset:指陰影居於字型水平偏移的位置。
y-offset:指陰影居於字型垂直偏移的位置。
blur:指陰影的模糊值。
color:指陰影的顏色；
h1
複製**
input::-webkit-input-placeholder
input::-moz-placeholder
input:-ms-input-placeholder
input:-moz-placeholder
複製**
複製**
.box
複製**
.box-wrap:before
.box
複製**
.box-wrap
複製**
.box-wrap
.box
複製**
.box-wrap
.box-content
複製**
缺點：只適合高度固定的布局，要給出精確的高度，如果高度和父級 div 不一樣時，會產生問題
評分：★★☆☆☆
left
right
div2
複製**
優點：簡單，**少，瀏覽器支援好，不容易出現怪問題
缺點：不少初學者不理解原理；如果頁面浮動布局多，就要增加很多空 div，讓人感覺很不爽
評分：★★★☆☆
left
right
div2
複製**
優點：簡單，**少，瀏覽器支援好
缺點：不能和 position 配合使用，因為超出的尺寸的會被隱藏。
評分：★★★☆☆
left
right
div2
複製**
body,html
複製**
::-webkit-scrollbar
::-webkit-scrollbar-thumb
::-webkit-scrollbar-track
複製**
.demo::-webkit-scrollbar
.demo
複製**
div
複製**
#blue
#blue:after
複製**
注: 如果想繪製右直角三角，則將左 border 設定為 0；如果想繪製左直角三角，將右 border 設定為 0 即可（其它情況同理）。
table,tr,td
table
複製**
li:first-child{}
複製**
複製**同時，使用了 search 型別後，搜尋框上會預設自帶刪除按鈕
如需遮蔽，可以使用如下方式：
input[type="search"]::-webkit-search-cancel-button工作中 常用CSS3記錄
border和padding計算入width之內，其實就是怪異模式了,多用於排版 div 1.邊框圓角,邊框陰影 div 2.背景的大小 bg img 3.文字效果 text 5.元素2d 移動 旋轉 放大 縮小 翻轉 3d x軸旋轉 y軸旋轉 trans2d.trans3d 6.過渡效果trans...
linux 工作中常用
一，help 獲取shell內建命令幫助資訊 示例 help cd 二，常用快捷按鍵 1 ctrl c 停止程序 如 tail f 後，退出按 ctrl c 返回到命令列。2 ctrl l 清屏 3 ctrl q 退出 4 tab 自動補全 在linux 和 window的cmd命令列中可用。5 上...
工作中常用的命令
1.unzip zip archive tar cf new.tar path tar xvf file.tar 2.transfer files scp username ip path path first path 傳輸檔案路徑 second path 儲存的路徑 安裝ssh伺服器 apt g...