• CSS 选择器参考手册

    CSS 选择器参考手册

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

    CSS学习 1年前 696 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个月前 316 0
  • css常用效果总结

    css常用效果总结

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

    CSS学习 8个月前 336 0
  • CSS 三角形对话框(带边框)- :before + :after + border

    CSS 三角形对话框(带边框)- :before + :after + border

     关于三角形的各种画法,之前在文章《纯CSS - border绘制三角形(各种角度)》内有详细的介绍,今天来讲的是CSS绘出对话框和三角带边框!真正的三角形画法虽然重要,但常用程度甚至不如本文介绍的带边框三角形,因为现在网页需要弹出各种信息,比如二维码,比如联系方式等,都需要用到对话框,这个框如果使用PS做图的话也可行,但很浪费时间,css直接实现的话更靠谱!如上图所示,代码如下:<!DOCTYPE html&...

  • 纯CSS图形 - padding圆形/同心圆

    纯CSS图形 - padding圆形/同心圆

    之前讲述过几个使用纯CSS制作的图形,比如三角形《border绘制三角形(各种角度)》三横线《三横线(三道杠)padding制作出来》、《border-style:double制作三横线》今天来分享下上图所示的使用CSS绘制同心圆,主要使用padding属性!代码如下:<style>  .box{     width: 100px; height:&n...

  • 纯CSS图形:三横线(三道杠)padding制作出来

    纯CSS图形:三横线(三道杠)padding制作出来

    其实之前已经分享过一篇,用纯CSS方式实现三横线(三道杠)的方法:CSS小技巧:border-style:double制作三横线具体代码:{width:120px; height:20px;border-top:60px double;border-bottom:20px solid;}可能比本文实现的还简单,但既然学习到了padding实现三横线,那就看看padding是如何来实现的吧!如上图实现的代码如...

    CSS学习 1年前 966 0 paddingcss图形
  • CSS小技巧:border-style:​double制作三横线

    CSS小技巧:border-style:​double制作三横线

    border-style:double有一个用途很有意思了,就是可以单纯的依靠border制作三横线!如上图的代码:{ width:120px; height:20px; border-top:60px double; border-bottom:20px solid; }再来一个案例:.double{ width:40px; height:8px; border-top:24px&n...

    CSS学习 1年前 681 0 bordercss图形
  • 纯CSS - border绘制三角形(各种角度)

    纯CSS - border绘制三角形(各种角度)

    我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。今天给大家带来 CSS 三角形绘制方法#triangle-up {    width: 0;    height: 0;   &n...

1