• CSS 选择器参考手册

    CSS 选择器参考手册

    CSS3 选择器在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。"CSS" 列指示该属性是在哪个 CSS 版本中定义的。(CSS1、CSS2 还是 CSS3。)选择器例子例子描述CSS.class.intro选择 class="intro" 的所有元素。1#id#firstname选择 id="firstname" 的所有元素。1**选择所有元素。2elementp选择所有 <p> 元素。1element,el...

  • jQuery修改class属性和CSS样式

    jQuery修改class属性和CSS样式

    class属性修改  类属性即class属性,规定类名.  用类选择器规定样式的时候,需要为元素指定类名,即class属性的值.  注意每个HTML元素只有一个class属性.但是class属性的值可以是多个名称,即可能包含一个词的列表,中间用空格分隔.  具体使用方法见:http://www.w3school.com.cn/css/css_selector_class.asp   用jQuery进行类名修改既可以用attr()方法修改”class”属性,也可以用addClass(),...

  • CSS段落第一个文字空两格缩进text-indent 和 文字之间间距调整letter-spacing

    CSS段落第一个文字空两格缩进text-indent 和 文字之间间距调整letter-spacing

    这应该是最为常用的CSS了,几乎写每一个zblog模板都逃不开首行缩进以及文字间距的调整!今天也来分享下记录下,到底如何实现的!1、先说段落首行第一个文字开始空两格似的缩进!盗图来说明,比如上图这段文字在一个div内,此时对div设置了text-indent : 20px; 意思就是开头距离肯那个2...

  • 鼠标移上去,图片会自动原地放大CSS写法

    鼠标移上去,图片会自动原地放大CSS写法

    今天在制作一个zblog模板的时候,用上了这个图片放大特效,想到以前也没写过,就分享出来吧!在我第一次接触这个特效的时候,以为会很复杂,至少会有几行代码才能去实现,但学习后真的精到了!CSS3的transform:scale()可以实现按比例放大或者缩小功能。CSS3的transition允许CSS...

  • 纯CSS做对联广告代码

    纯CSS做对联广告代码

    上一篇文章介绍了使用JS方法对联广告,带有可关闭的功能:《JS对联广告 - 可点击关闭的两侧对联广告代码》下面为大家再介绍一个纯CSS(也不能说全纯CSS,还是有几句javascript代码的,可直接写在模板中,不会被拦截)如果是百分百纯CSS,是不具有关闭广告的功能,只能使用position进行相...

  • vertical-align使图片垂直居中的小细节

    vertical-align使图片垂直居中的小细节

    对于大小未知的图片如何水平垂直居中是大家一直以来经常会遇到的问题,个人觉得水平居中比较好处理,然而垂直居中却不那么好办。很多人都知道,有一个方法就是设置其父元素的行高line-height等于高度height,然后利用vertical-align:middle;达到垂直居中的效果,那么我...

  • margin设置为什么会失效? 无效情形解析!

    margin设置为什么会失效? 无效情形解析!

    在写代码的时候,常出现各种margin会失效的情况,给定了数值没有任何间距变动!1、inline水平元素的垂直margin是无效的!(这也是常见的)比如:<span>文字文字</span>此时,span是inline水平元素,此时对span进行margin会无效,img等例外...

  • margin负值 - 两端对齐(margin可以改变元素尺寸的特性)

    margin负值 - 两端对齐(margin可以改变元素尺寸的特性)

    如上图,这样的两端对齐是非常常见的排版方式,一般来讲,绿色的一般是一模一样的,比如是ul li,li的尺寸相同,整齐排列,这时候就可以使用margin负值进行两端对齐!上图实现代码:<!doctype html> <html> <head> <...

  • overflow:hidden导致ul li前缀点消失(隐藏)的解决方法

    overflow:hidden导致ul li前缀点消失(隐藏)的解决方法

    昨天发布了《纯CSS ul li前缀点(圆点、正方形点等)加颜色和变色(不使用背景图)》可能很多人喜欢使用ul li自带的前缀点作为前缀图标,而不是使用背景图片的方式,这样省去了做图也能为网页提速,特别是各种标题中使用 ul li的前缀点!实际上用了overflow:hidden 会影响 list-...

  • 纯CSS ul li前缀点(圆点、正方形点等)加颜色和变色(不使用背景图)

    纯CSS ul li前缀点(圆点、正方形点等)加颜色和变色(不使用背景图)

    今天在制作一个zblog模板的时候,用到了li前加点并且触发:hover变色,特来分享下方法,其实很简单!HTML:<ul>     <li><a href="#">纯CSS ul&...

  • 史上最简单介绍box-shadow四个边框设置阴影样式的文章

    史上最简单介绍box-shadow四个边框设置阴影样式的文章

    其实对于box-shadow,老白我也是一知半解,之前用的时候直接复制已有的,也没有仔细思考过box-shadow的数值分别对应什么,最后导致阴影的边如何自由控制,苦于懒人一个一直没有正式去学习,今天无意中看到以下这篇文章,瞬间清醒有木有,看完整片文章,对于box-shadow阴影四个边的设置完全了...

  • CSS3阴影box-shadow最详细的使用方法和技巧总结

    CSS3阴影box-shadow最详细的使用方法和技巧总结

    text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS3的普及,这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}...

1 2 3 4 5 6 7 8 9 10 ››