css3 基本知識記錄

1、transition過渡；

元素從一種樣式到另一種樣式新增效果；

div

2、動畫（@keyframes, animation)；

@keyframes:用於建立動畫；建立由當前樣式逐漸為新樣式的動畫效果；

@keyframes myfirst

to }
@-moz-keyframes myfirst /* firefox */
to }
@-webkit-keyframes myfirst /* safari 和 chrome */
to }
@-o-keyframes myfirst /* opera */
to }

上面是定義動畫規則；

div

將myfirst動畫繫結到div上；  

3、導航伸縮；

@media screen and (max-width: 1200px) 

}@media screen and (max-width: 768px) 
}

4、div固定位置

position: fixed;  固定位置，不隨頁面滾動；

注： 該博文為擴充套件型；

css小知識記錄

前端展示 時，有些列文字過多會導致換行，使得 行之間間距變大不美觀，解決辦法是強制不換行，在行標籤中加 tr style white space nowrap js動態控制控制項的顯示和隱藏 方式一 document.getelementbyid 控制項id style.display none d...

CSS3基本知識點總結 1

1.css3邊框 邊框屬性 border radius 建立圓角邊框 box shadow 附加乙個或者多個下拉框的陰影 border image 不支援ie 使用影象建立乙個邊框 2.css3圓角 可以使用css3 圓角製作器來製作乙個css3圓角，可以直接生成 3.指定border radius...

CSS基本知識

選擇符表示要定義樣式的物件，可以是元素本身，也可是一類元素或制定名稱的元素 在css選擇符中，大致可有10種 類選擇符 id選擇符 class選擇符 萬用字元 群組選擇符 包含選擇符 偽類選擇符 偽物件選擇符 關於選擇符的權重問題，css中用四位數來表示權重，權重的表示式如0000 在這裡特別要注意...