• CSS 选择器参考手册

    CSS 选择器参考手册

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

    CSS学习 1年前 628 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模板学习 10个月前 584 1
  • 经典CSS聚合

    经典CSS聚合

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

    CSS学习 7个月前 275 0
  • css常用效果总结

    css常用效果总结

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

    CSS学习 7个月前 284 0
  • 图片大小自适应垂直居中的方法

    图片大小自适应垂直居中的方法

    偶尔会有这样的需求:在不知道图片宽和高情况下,需要让图片水平和垂直居中在某个容器下,而且,如果图片宽或者高超出容器,需要按照比例进行缩放,下面介绍几个常见的方式:Javascript篇:用JS的方式处理解决图片,思路就是预加载图片,然后取宽和高,计算位置,设置margin值,达到目的//计算图片居中位置的信息 functiongetImgSize(img,maxWidth,maxHeight){    &nbs...

    CSS学习 2个月前 69 0 居中
  • css图片居中(水平居中和垂直居中)

    css图片居中(水平居中和垂直居中)

    css图片居中分css图片水平居中和垂直居中两种情况,有时候还需要图片同时水平垂直居中,下面分几种居中情况分别介绍。 css图片水平居中利用margin: 0 auto实现图片水平居中利用margin: 0 auto实现图片居中就是在图片上加上css样式margin: 0 auto 如下:<div style="text-align: center; width: 500...

    CSS学习 2个月前 75 0
  • CSS 设置某元素的背景颜色透明

    CSS 设置某元素的背景颜色透明

    要设置某一元素的背景为透明,在 chrome 、firefox、opera 下是这样的:background-color: rgba(0, 0, 0, 0.4);  rgba 中的最后一个参数 0.4 就是想要的透明度,范围在0~1之间。在 ie 中一般是这样的:background-color: rgb(0, 0, 0);  ...

    CSS学习 3个月前 83 0 背景颜色透明
  • CSS 兼容所有浏览器背景色透明 文字不透明CSS方法

    CSS 兼容所有浏览器背景色透明 文字不透明CSS方法

    设置透明背景文字不透明,可采用的属性有rgba和IE的专属滤镜filter:Alpha,其兼容性如下图所示:<!DOCTYPE html><html><head><meta charset="utf-8"><title>背景透明,文字不透明</title><style>*{    &...

    CSS学习 3个月前 79 0 背景颜色透明
  • CSS 透明背景色

    CSS 透明背景色

    <div class="box"></div><style>.box{width:300px; height:200px; margin:0 auto; boxder:1px solid #ccc; background:#000; filter:alpha(opacity:30); opacity:0.3;  -moz-opacity:0.3;-khtml-opacit...

    CSS学习 3个月前 79 0 背景颜色透明
  • CSS 网站背景颜色高亮度显示

    CSS 网站背景颜色高亮度显示

    div{background-color: red; -webkit-filter:brightness(1);//兼容不同浏览器 -o-filter:brightness(1); -moz-filter:brightness(1); filter:brightness(1);//设置亮度值,范围:0-1}动态设置亮度值  var tem = 0.5; $(".div").css('...

    CSS学习 3个月前 81 0 背景颜色
  • overflow:hidden不能百分百截断溢出,特别是遇到position的时候!

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

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

    CSS学习 4个月前 102 0 overflowposition
  • 纯CSS实现自适应浏览器宽度的正方形

    纯CSS实现自适应浏览器宽度的正方形

    本文可以延伸为自适应的时候等比例缩放图片,避免出现白边或者显示不全的问题!1、宽度100%时候,图片的height高度完全可以用PC端宽高百分比,用vw进行判断!2、或者直接使用height=0,然后用padding-bottom撑开高度!JavaScript实现自适应浏览器宽度,可以监听onresize事件。纯CSS实现自适应浏览器宽度的正方形有以下三种方法:1、方案一:CSS3 vw 单位CSS3 中新增了一组相对于可视区...

    CSS学习 5个月前 200 0 正方形
  • 纯CSS写三角形,自适应不同宽度

    纯CSS写三角形,自适应不同宽度

    今天在写一个定制模板的时候,遇到一个全屏三角形做的特效,需要用到自适应,在不同分辨率下都三角形都能自适应居中!看图:因为这个zblog模板需要自定义配色,所以这个三角形必须使用css制作,不能使用背景图片,当浏览器缩小的时候,三角形居中不变!HTML:<div class="triangle"><div class="box"></div>&...

    CSS学习 5个月前 220 1 三角形
  • display: table-cell 无法使用 margin/ padding 的解法

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

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