• CSS 选择器参考手册

    CSS 选择器参考手册

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

    CSS学习 1年前 591 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个月前 538 1
  • 经典CSS聚合

    经典CSS聚合

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

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

    css常用效果总结

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

    CSS学习 6个月前 247 0
  • overflow:hidden不能百分百截断溢出,特别是遇到position的时候!

    overflow:hidden不能百分百截断溢出,特别是遇到position的时候!

    以前好像学习过position与overflow的关系,但不是太深刻,特别是overflow:hidden的运用!今天来讲的通俗来说:overflow:hidden在当爹的时候,绝对定位功能的孙子会因为爷爷是相对定位,而不听老爸的管束!为了页面的健壮性,我们常常需要使用overflow:hidden。有时候是为了防止布局被撑开,有时候是为了配合其它规则实现文字截断,还有时候纯粹是为了创建块级上下文。但是,很多人对这个属性是存在着一定的误...

    CSS学习 3个月前 78 0 overflowposition
  • float:left与position:relative,left:50%+left:-50%组合居中方法

    float:left与position:relative,left:50%+left:-50%组合居中方法

    其它居中方法:1、text-align:center与display:inline组合块居中,多个行内元素/块状元素居中方法2、text-align:center与margin:0 auto居中区别3、CSS:左右横向居中—position:relative;left:50%;方法(与本人方法接近,都使用了position:relative)4、div垂直居中 css div盒子上下垂直居中(上下、左右都居中)5、CSS 元素垂直居中的...

  • text-align:center与margin:0 auto居中区别

    text-align:center与margin:0 auto居中区别

    这两种方式都可以在一定条件下实现居中效果,那么如何进行区分呢?1、先说text-align:center使行内元素居中条件:text-align:center,水平居中是通过给父元素设置 text-align:center 来实现行内元素居中,比如行内的文字,行内的图片(非块状元素)比如:html代码:<body>   <div class="txtCent...

    CSS学习 1年前 460 0 居中position
  • position:relative与position:absolute组合使用

    position:relative与position:absolute组合使用

    在使用position的时候往往不是单独,而是配合使用,比如最常用的就是position:relative与position:absolute的组合使用,不同于position: fixed;单独就可以相对浏览器窗口进行定位!下面是复制来自于慕课网的position:relative与position:absolute组合使用教程:使用position:absolute可以实现被设置元素相对于浏览器(body)设置定位以后,大家有没有想...

    CSS学习 1年前 408 0 position
  • position:absolute(表示绝对定位)

    position:absolute(表示绝对定位)

    如果想为元素设置层模型中的绝对定位,需要设置position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于body元素,即相对于浏览器窗口。如下面代码可以实现div元素相对于浏览器窗口向右移动100px,向下移动50px。div{    ...

    CSS学习 1年前 421 0 position
  • CSS:左右横向居中—position:relative;left:50%;方法

    CSS:左右横向居中—position:relative;left:50%;方法

     以前用的居中text-align: center就可以,今天看到一种新的横向居中办法,使用position:relative;left:50%;,当然具体写法如下:.p{ position:relative; left:50%; float:left; } .c{ position:relative; float:left; right:50%; }<div class="p&qu...

    CSS学习 1年前 434 0 position居中
  • CSS position 属性

    CSS position 属性

    定义和用法position 属性规定元素的定位类型。说明这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。默认值:static继承性:no版本:CSS2JavaScript 语法:object.style.position="absolute"可能的值值描述absolute生成绝对定位的元素,相对...

    CSS学习 1年前 432 0 position
  • position:absolute; clip 属性剪切了一幅图像:

    position:absolute; clip 属性剪切了一幅图像:

    通过position:absolute,clip剪切:<html> <head> <style type="text/css"> img  { position:absolute; clip:rect(0px 100px 150px 0px) } </style> </head> <...

    CSS学习 1年前 371 0 position
1