1.過長省略
white-space:nowrap;/*為應用text-overflow做準備，禁止換行*/
overflow:hidden;/*為應用text-overflow做準備，禁止文字溢位顯示*/
text-overflow:ellipsis;/*相容ie，safari(webkit)*/
-o-text-overflow:ellipsis;/*相容opera*/
-moz-binding:url('ellipsis.xml#ellipsis');/*相容firefox*/
text-overflow : clip | ellipsis
引數：
clip : 不顯示省略標記（...），而是簡單的裁切（clip這個引數是不常用的！）
ellipsis : 當物件內文字溢位時顯示省略標記（...）
2. 如何用css畫三角形。(利用border屬性)
border:50px solid #000;
border-color:#f00 transparent transparent transparent;
border-style:soliddashed dashed dashed; width:1px;
3.圓角
-moz-border-radius:10px;
webkit-border-radius：10px;
border-radius:10px;
4.陰影:
text-shadow:0.1em 0.1em #333;//右下角
text-shadow:-0.1em-0.1em #333;//左上角
text-shadow:-0.1em 0.1em #333;//左下角
CSS3相關知識總結
moz代表firefox瀏覽器私有屬性 ms代表ie瀏覽器私有屬性 webkit代表safari chrome私有屬性 o代表歐朋 opera 核心識別碼 參考文章 布局的傳統解決方案，基於盒狀模型，依賴 display屬性 position屬性 float屬性。它對於那些特殊布局非常不方便，比如，...
css3相關筆記（三）
1.每乙個方向上的邊框形狀並不是矩形的，其實是三角形或梯形的，配合圓角邊框可以製作美麗花瓣。2.css3 3d變換效果 transform transform rotatex 360deg 表示在x軸3d旋轉360度。transform rotatey 360deg 表示在y軸3d旋轉360度。tr...
css3相關筆記（四）
1.css3新增的伸縮布局，主軸方向是從左到右，側軸方向是從上到下 display flex 預設從左到右，從上到下 設定主軸排列方向的方式 flex direction row 預設屬性，表示從左至右的排列 flex direction row reverse 表示從右至左的排列 flex dir...