• CSS 选择器参考手册

    CSS 选择器参考手册

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

    CSS学习 1年前 694 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模板学习 11个月前 656 1
  • 经典CSS聚合

    经典CSS聚合

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

    CSS学习 8个月前 315 0
  • css常用效果总结

    css常用效果总结

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

    CSS学习 8个月前 336 0
  • jquery判断浏览器宽度小于指定值改变div的CSS样式

    jquery判断浏览器宽度小于指定值改变div的CSS样式

    jquery判断浏览器宽度小于指定值改变div样式!$(function(){      //获取浏览器宽度      var _width = $(window).width();       if(_width < ...

    js/jQuery 1年前 634 0 自适应宽度
  • css让图片自适应容器(div)大小,超便捷响应式图片自适应

    css让图片自适应容器(div)大小,超便捷响应式图片自适应

    我们在写页面的时候经常会遇到需要图片自适应容器大小这样的情况,下面我就开门见山的说明一下怎样去实现这样一个效果。1.简单的做法<div>         <img src="1.jpg" alt=""> </div>备注一下这里的图片大小为200x200pxd...

  • JS动态修改iframe高度和宽度的方法/iframe 去除边框和自适应高度

    JS动态修改iframe高度和宽度的方法/iframe 去除边框和自适应高度

     方法一:JS动态修改iframe高度和宽度的方法<!DOCTYPE html> <html> <head> <script> function changeSize() { document.getElementById("myframe").height="300"; document.getEleme...

    js/jQuery 1年前 959 0 iframe自适应
  • zblogPHP插入优酷(iframe框架)等视频,手机端自适应宽度方法

    zblogPHP插入优酷(iframe框架)等视频,手机端自适应宽度方法

    zblogPHP模板在插入优酷等第三方视频的时候,一般使用框架iframe或者embed,但现有的优酷 爱奇艺等网站的分享代码,其中都有高宽限制,插入网页后,在PC端内容区宽度足够是正常显示的,但在手机移动端访问的时候,就会出现视频显示不全,过大的情况!下面分享一个解决优酷视频自适应的问题:<iframe width="510" height="498"&nbs...

  • CSS:padding实现两栏自适应 - 图片与文字左右排列,文字自适应不限宽度

    CSS:padding实现两栏自适应 - 图片与文字左右排列,文字自适应不限宽度

    使用padding来布局,上一篇文章讲解了padding来实现两栏等高布局,本文重点讲解下两栏自适应宽度,在图片和文字组合一起的时候,让文字区域宽度自适应。注意:这里的图片宽度是固定的,而不能随意宽度!要实现图片固定,文字不限制宽度的自适应,那么有两种使用padding的方法。一、padding在容器上:原理如下:容器有个固定的padding-left值,此时图文应该在120px处显示,但是,由于图片margin负值浮动(或者绝对定位)...

    CSS学习 1年前 711 0 padding自适应
  • padding和margin负值实现 - 等高布局,侧边栏等高布局方法

    padding和margin负值实现 - 等高布局,侧边栏等高布局方法

    等高布局相关《position实现等高布局》 实现的方法主要是基于position:absolute;top:0;bottom:0来实现等高布局!而本文要使用的方法主要是padding和margin配合等高布局,让多栏目等高!如上图,两侧等高布局,就是使用padding配合margin实现的!<style>  .box{overflow: hidden;resize: vertica...

  • 左边固定,右边自适应及左边自适应,右边固定布局的几种方法

    左边固定,右边自适应及左边自适应,右边固定布局的几种方法

    前些天发布过一篇《CSS:左侧栏固定宽度,右侧栏自适应宽度》的文章,今天再继续分享下更全更简单的方法!页面布局如下:一、左边固定,右边自适应的布局1. 左边左浮动,右边加个overflow:hidden;   #lt{ float: left;width:200px; background: #ff0;}   #rt{ overflow: hidden; backgr...

    CSS学习 1年前 525 0 自适应
  • zblogPHP主题ydlinux资讯CMS主题更新 - 新增手机端自适应

    zblogPHP主题ydlinux资讯CMS主题更新 - 新增手机端自适应

    这个zblog主题ydlinux资讯CMS主题更新了。 上线有两三个月,上线之初由于时间安排问题,缺失了手机端自适应功能,所以定价也比较低,之后几次想做上自适应都没成功,着实是没有时间,自适应需要花费至少半天的时间专门去写手机端CSS。终于在昨天花了半天,写出来了手机端CSS,最麻烦的应该是手机端菜单了,这也是自适应主题最麻烦的部分。目前还有一点小BUG,文章内容中的编辑寄语有很大问题,最好的办法就是进行隐藏,但不甘心,所以待...

  • CSS: position实现左侧栏高度自适应,依右侧栏高度而定 - 等高布局

    CSS: position实现左侧栏高度自适应,依右侧栏高度而定 - 等高布局

    等高布局相关:《padding和margin配合等高布局,侧边栏等高布局方法》而本文介绍的是使用position来实现多栏等高自适应布局!直接上图,左侧菜单只是显示部分,右侧的高度随时可能变化,要求:左侧栏的高度也跟随右侧栏一起变化!方法:position:absolute; top:0; bottom:0;使用position:absolute; 去定义顶部距离、底部距离,就可以让整个div的高度自适应了。完整代码:<...

1