<pre class="prettyprint linenums"> CSS樣式濾鏡方法 ilter:alpha(opacity=50); /*IE濾鏡,透明度50%*/ -moz-opacity:0.5; /*Firefox私有,,透明度50%*/ opacity:0.5;/*其他,,透明度50%*/ <br> CSS背景漸變實例 background-image: -moz-linear-gradient(center top , #0496DA 0%, #0067CD 100%); background-image:-webkit-linear-gradient(top, #0496DA, #0067CD); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0496DA', EndColorStr='#0067CD'); <br> 段落首字符下沉 p:first-letter{ display: block; margin: 5px 0 0 5px; float: left; color: #ff3366; font-size: 5.4em; font-family: Georgia, Times New Roman, serif; } <br> 谷歌瀏覽器下文本框input 光標不居中解決辦法 1、文本框的大小不可以太大,,要不會不顯示 2,、文本框的height最好不要用height來設置用padding 填充來設置大小 <br> CSS背景投影and圓角實例 1、box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.3); 2,、border-radius:1px 4px 8px 2px; <br> 響應適布局適配移動設備 1,、@media screen and (min-width: 960px) and (max-width: 1199px) 2、@media screen and (min-width: 768px) and (max-width: 959px) <br> child給不同放入標簽添加樣式 1,、#active li:first-child{ color:#33C; } 2,、#active li:nth-child(2){ color:#F00; } #active li:last-child{ color:#639;} <br> CSS3 box-shadow陰影 1、box-shadow:(length) (length) (length) || color(語法) } 2,、第一個length陰影水平偏移值,,第二個length陰影垂直偏移值,第三個length陰影水模糊移值. 3,、可以取正負值 4,、-webkit-box-shadow(蘋果瀏覽器)|-moz-box-shadow(火狐). <br> CSS3 text-shadow陰影 1、text-shadow:(length) (length) (length) || color(語法) } 2,、第一個length陰影水平偏移值,,第二個length陰影垂直偏移值,第三個length陰影水模糊移值. 3,、可以取正負值 4,、-webkit-text-shadow(蘋果瀏覽器)|-moz-text-shadow(火狐). </pre> |
|
來自: 黃三歲大愛人生 > 《網(wǎng)頁》