• CSS 选择器参考手册

    CSS 选择器参考手册

    CSS3 选择器 <script> $(document).ready(function(){ $("botton").click(function(){ //jQuery 元素选择器 $(this).hide(); $("p").hide(); $("#test").hide();...

    CSS学习 1年前 590 0
  • jQuery修改class属性和CSS样式

    jQuery修改class属性和CSS样式

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

  • zblogPHP模板制作技巧总结

    zblogPHP模板制作技巧总结

    判断:常用if判断 (CMS首页判断、侧栏判断)指定分类设置特殊模板样式,分类编辑选择为某些分类指定分类模板,后台版方法字段:主题调用指定字段文章(多选字段)方法 调用某篇文章:指定文章标题、内容、摘要、图片...调取某个页面的标题、内容等zblogPHP 调用全部页面(调取所有页面) 调用多篇文章:主题连续调用多篇文章,输入ID方法调取置顶文章到首页,限制(指定)N条数 调用某个(单个)分类:调用(指定)...

    zblog模板学习 9个月前 537 1
  • 经典CSS聚合

    经典CSS聚合

    CSS3 线性渐变(linear-gradient)transition过渡效果(变形、变色、旋转、停顿时间)鼠标移上去,图片会自动原地放大CSS写法三角形对话框(带边框)- :before + :after + border从table转而使用div+cssdisplay: table-cell 无法使用 margin/ padding 的解法纯CSS写三角形,自适应不同宽度水平翻转、垂直翻转 触发变色/随机颜色:手机浏览器...

    CSS学习 6个月前 247 0
  • css常用效果总结

    css常用效果总结

    css有不少常用的效果,你在平时浏览网站的时候可能会看到,但是真的要自己写的时候,有时候会突然忘记,今天稍微对那些常见的效果做一下小结。1、每逢大的灾难的时候,很多网站变成了灰色,如何让网站快速变灰?css代码是很简单的,用的是css的filter功能。代码如下:html {    filter: grayscale(100%);//IE浏览器   -webkit...

    CSS学习 6个月前 245 0
  • display: table-cell 无法使用 margin/ padding 的解法

    display: table-cell 无法使用 margin/ padding 的解法

    之前发过一篇,用div+css替代table的文章,因为div+css实在好用。已实际用过display: table的朋友,当你们在使用的时候,也许会碰到「间距调整」的问题,例如要在每一个table-cell裡头设定margin等间距调整,却发现修改无效。假设你碰过这种状况,不妨参考一下我推荐的解法。话不多说,先上个范例!我使用图片+图说当作范例,例子包含:正常状况下,图片紧密排列使用margin调整的结果将宽度写死的结果使用bord...

  • display: list-item什么意思?display:block/inline/inline-block/inline-table/list-item的区别

    display: list-item什么意思?display:block/inline/inline-block/inline-table/list-item的区别

    display:list-itemdisplay:list-item为元素内容生成一个块型盒,随后再生成一个列表型的行内盒。其效果就和ul中出现项目列表符号一样。通俗地说就是会在内容前面自动加上黑点,而display:block则不会出现黑点。display:block/inline/inline-block/inline-table/list-item区别大家都知道 display:block是显示成块状,独占一行;而inline是行...

    CSS学习 5个月前 203 0 display
  • 使用float和inline-block可以让两个div处于一行存在

    使用float和inline-block可以让两个div处于一行存在

    来分享一个关于div布局的基础知识,今天写一个zblog模板的时候贸然遇到了一个div的float问题,通过百度寻找方法,大多都是此类最基础的,没有发现自己想要的。我们知道 div是 块级 元素,是 独占一行 的.一般情况下,两个相邻的div是不会处于一行的例如:<!DOCTYPE html><html><head lang="en&qu...

    CSS学习 10个月前 392 0 floatdisplay
  • 垂直居中-父元素高度确定的多行文本两个方法table+vertical-align:middle以及display:table-cell+vertical-align:middle

    垂直居中-父元素高度确定的多行文本两个方法table+vertical-align:middle以及display:table-cell+vertical-align:middle

    父元素高度确定的多行文本、图片等的竖直居中的方法有两种:方法一:使用插入 table  (包括tbody、tr、td)标签,同时设置 vertical-align:middle。css 中有一个用于竖直居中的属性 vertical-align,在父元素设置此样式时,会对inline-block类型的子元素都有用。下面看一下例子:html代码:<body> ...

  • text-align:center与display:inline组合块居中,多个行内元素/块状元素居中方法

    text-align:center与display:inline组合块居中,多个行内元素/块状元素居中方法

     :改变块级元素的 display 为 inline 类型(设置为 行内元素 显示),然后使用 text-align:center 来实现居中效果。如下例子:html代码:<body> <div>     <ul>      &nbs...

    CSS学习 1年前 496 0 居中display
  • display:inline-block替代float后产生间隔4px的终极解决办法

    display:inline-block替代float后产生间隔4px的终极解决办法

    最近在学模板的时候,特别是在使用ul li列表的时候,偶尔也会用display:inline-block替代float使用,但display:inline-block偶一个间隔的问题。解决办法是百度来的,分享如下:有关于使用inline-block来代替float的讨论也蛮多的,最常说的就是使用inline-block来代替float进行布局,不过留下了一上问题,就是使用inline-block的元素之间会存在“4px”的空白...

    CSS学习 1年前 421 0 display
1