常用CSS效果

2021-06-21 10:44:17 字數 696 閱讀 1170

div水平居中margin:0px auto;在ie下可能不能正常顯示,原因dtd說明未正確使用:

圍繞div內文字居中  lineheight的高度和div的高度相同(注意,文字不能換行),ie6+

div內文字居中

多行文字居中顯示,使用display:table-cell;vertical-align:middle,相容ie8+

div內多行文字居中

第二行第三行

多個div在同一行顯示 1.使用float屬性ie6+,需要清理部分,2使用display inline-block,ie8+,3.使用display inline-block;zoom:1,*display:inline,ie6+

css hack

大部分特殊字元ie瀏覽器支援,其他主流瀏覽器firefox,chrome,opera,safari不支援 (opera可識別除外)。

\9      :所有ie瀏覽器都支援

_和-  :僅ie6支援

*        :ie6、e7支援

\ 0   :ie8、ie9支援,opera部分支援

\9\ 0  :ie8部分支援、ie9支援

\ 0\9  :ie8、ie9支援

element
柵格系統實踐

自製柵格

bootstrap

blueprint

響應式**實踐

CSS常用動畫效果

1.標題兩邊的小橫槓 標題 title before after 2.滑鼠手型 cursor屬性 a href input type submit input type image input type button label for select,button 3.小三角 下 bottom 上 ...

css常用效果 點讚點評效果

之前自己寫過rate評分的效果,都是ui給的雪碧圖,然後自己拼湊,所以這次我研究了一下用純css來實現評分效果。引入阿里圖表庫 stylesheet href dom結構class rate content type radio name rate value 1 type radio name r...

常用的CSS動畫效果

在實際運用中,經常需要用到旋轉 放大等動畫效果。以下列舉了一些常見的動畫效果的css實現。所有的動畫都需要設定過渡transition rotateimg,scaleimg,rotateandscale,translateimg然後根據不同的動畫需要,修改css樣式 1 旋轉 rotateimg h...