CSS 巧用line-height垂直居中
当line-height的高度跟标签高度相等时，就会居中！干了两年前端了，特么刚知道这个技巧，你们为什么才告诉我！！！ header { height: 160px; line-height:160px; } header img { width: auto; height: 140px; margin-left: 1 …
您当前位置: 首页 »
css实用代码
标签归档: css实用代码 - 第2页
text-shadow: CSS3的文字阴影效果
text-shadow是css3处理文字阴影效果的属性，其取值如下： text-shadow：颜色 x轴偏移量 Y轴偏移量 阴影扩散量 举例： text-shadow: #262626 3px 3px 5px; 很简单，不多说了，就酱。
如何根据屏幕宽度加载不同的样式
方法一：在css里用@media (max-width:330px){}。比如 @media (max-width:320px){} @media (max-width:414px){} @media (max-width:900px){} 方法二：在link里指定： <link rel=”stylesheet” …
js修改select下拉箭头样式
修改select下拉箭头样式是前端们共同头疼的问题，目测目前为止基本没有直接修改的方法，要么就是用js纯粹的模拟select，要么就是用一张箭头图片挡住select原本的箭头，但这种方式的不足就是点击图片箭头不会触发select。 残冰想到一个折中的办法，就是把select做成透明的，因为select透明但是下拉的op …
jquery+css 点击图片旋转特效
<script> var n = 0; var cssInterval; function startRotate() { n = n – 2; $(“.messageTitle em”).css({ “transform”: “rot …
css3伪类选择器选择偶数行
通过css3伪类选择器： :nth-child() 可以选择表格或li等有规律元素的偶数行。 css3选择偶数行代码为： table tr:nth-child(2n){ background-color:#eee} 同理，奇数行只要把2n改成2n+1即可。 css3选择奇数行代码为： table tr:nth-chil …
判断是不是最后一个元素的jquery代码
本代码以li元素为例，用jquery判断是不是最后一个li。 <!–jquery代码–> <script> $(document).ready(function(){ var num=$(“#category_tree li”).nextAll() …
css3的transition属性制作的图片延伸效果
一段由css3的transition属性制作的图片延伸效果。 <!DOCTYPE html> <html> <head> <style> div { width:100px; height:100px; background:blue; transition:width …