CSS 巧用line-height垂直居中
当line-height的高度跟标签高度相等时,就会居中!干了两年前端了,特么刚知道这个技巧,你们为什么才告诉我!!! header { height: 160px; line-height:160px; } header img { width: auto; height: 140px; margin-left: 1 …
当line-height的高度跟标签高度相等时,就会居中!干了两年前端了,特么刚知道这个技巧,你们为什么才告诉我!!! header { height: 160px; line-height:160px; } header img { width: auto; height: 140px; margin-left: 1 …
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” …
修改select下拉箭头样式是前端们共同头疼的问题,目测目前为止基本没有直接修改的方法,要么就是用js纯粹的模拟select,要么就是用一张箭头图片挡住select原本的箭头,但这种方式的不足就是点击图片箭头不会触发select。 残冰想到一个折中的办法,就是把select做成透明的,因为select透明但是下拉的op …
<script> var n = 0; var cssInterval; function startRotate() { n = n – 2; $(“.messageTitle em”).css({ “transform”: “rot …
通过css3伪类选择器: :nth-child() 可以选择表格或li等有规律元素的偶数行。 css3选择偶数行代码为: table tr:nth-child(2n){ background-color:#eee} 同理,奇数行只要把2n改成2n+1即可。 css3选择奇数行代码为: table tr:nth-chil …
本代码以li元素为例,用jquery判断是不是最后一个li。 <!–jquery代码–> <script> $(document).ready(function(){ var num=$(“#category_tree li”).nextAll() …
一段由css3的transition属性制作的图片延伸效果。 <!DOCTYPE html> <html> <head> <style> div { width:100px; height:100px; background:blue; transition:width …