前端技术 第10页
  • CSS 选择器参考手册

    CSS 选择器参考手册

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

    CSS学习 3年前 1135 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模板学习 2年前 1193 1
  • 经典CSS聚合

    经典CSS聚合

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

    CSS学习 2年前 673 0
  • css常用效果总结

    css常用效果总结

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

    CSS学习 2年前 702 0
  • margin负值 - 两端对齐(margin可以改变元素尺寸的特性)

    margin负值 - 两端对齐(margin可以改变元素尺寸的特性)

    如上图,这样的两端对齐是非常常见的排版方式,一般来讲,绿色的一般是一模一样的,比如是ul li,li的尺寸相同,整齐排列,这时候就可以使用margin负值进行两端对齐!上图实现代码:<!doctype html><html><head><meta charset="utf-8"><title>margin负值 - 两端...

    CSS学习 3年前 676 0 两端对齐
  • 常用的HTML特殊符号

    常用的HTML特殊符号

    在写模板的时候常用到各种符号,比如大于号 小于号 版权号 甚至各种空白空格HTML符号,这在写代码的时候使用的几率太高,所以今天就搜集几个比较常用的特殊HTML符号,以后会保持更新,存档各种符号! &lt;   <  小於号或显示标记     &gt; > 大於号或显示标记 &amp; &nb...

    html标签 3年前 792 0 特殊符号
  • overflow:hidden导致ul li前缀点消失(隐藏)的解决方法

    overflow:hidden导致ul li前缀点消失(隐藏)的解决方法

    昨天发布了《纯CSS ul li前缀点(圆点、正方形点等)加颜色和变色(不使用背景图)》可能很多人喜欢使用ul li自带的前缀点作为前缀图标,而不是使用背景图片的方式,这样省去了做图也能为网页提速,特别是各种标题中使用 ul li的前缀点!实际上用了overflow:hidden 会影响 list-style,即当ul 中的li 的overflow 为hidden的时候, list-style不起作用,不显示前面的点、圈等样式。但同时,...

  • 纯CSS ul li前缀点(圆点、正方形点等)加颜色和变色(不使用背景图)

    纯CSS ul li前缀点(圆点、正方形点等)加颜色和变色(不使用背景图)

    今天在制作一个zblog模板的时候,用到了li前加点并且触发:hover变色,特来分享下方法,其实很简单!HTML:<ul>     <li><a href="#">纯CSS ul li前点加颜色和变色(不使用背景图)</a></li>     ...

    CSS学习 3年前 4098 3623 圆点前缀点
  • 史上最简单介绍box-shadow四个边框设置阴影样式的文章

    史上最简单介绍box-shadow四个边框设置阴影样式的文章

    其实对于box-shadow,老白我也是一知半解,之前用的时候直接复制已有的,也没有仔细思考过box-shadow的数值分别对应什么,最后导致阴影的边如何自由控制,苦于懒人一个一直没有正式去学习,今天无意中看到以下这篇文章,瞬间清醒有木有,看完整片文章,对于box-shadow阴影四个边的设置完全了如指掌了,再也不怕修改box-shadow了!对于div边框的阴影一直没有很好地理解,也一直不明白怎么给四个边框分别设置阴影。昨天项目中碰到...

    CSS学习 3年前 1665 0 box-shadow
  • CSS3阴影box-shadow最详细的使用方法和技巧总结

    CSS3阴影box-shadow最详细的使用方法和技巧总结

    text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS3的普及,这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径 阴影扩展半径 阴影颜色}box-shadow属性的参数...

    CSS学习 3年前 697 0 box-shadow
  • 兼容所有浏览器的透明度 - opacity透明度

    兼容所有浏览器的透明度 - opacity透明度

    目前能兼容所有浏览器的透明度分享:.transparent_class {                     filter:alpha(opacity=50);     ...

    CSS学习 3年前 596 0 opacity
  • CSS3中的Opacity多浏览器透明度兼容性问题

    CSS3中的Opacity多浏览器透明度兼容性问题

    用来设定元素透明度的 Opacity 是CSS 3里的一个属性。当然现在还只有少部分浏览器支持。不过各个浏览器都有自己的私有属性来支持,其中包括老版本的Mozilla和Safari:IE: filter:alpha(opacity) Mozilla: -moz-opacity Safari: -khtml-opacity很不幸的是,你没看见Opera,老版本的Opera并没有什么私有属性可以代替opacity。(新版Opera已经支持o...

    CSS学习 3年前 640 0 opacityalpha
  • jquery 滚动跟随 到达底部时会停止跟随特效代码

    jquery 滚动跟随 到达底部时会停止跟随特效代码

    本文的方法兼容性较差,可能对于chrome firefox浏览器不太支持!推荐:《jQuery插件 - theia-sticky-sidebar - 智能侧边栏跟随固定范围浮动的效果》兼容性较好!今天分享的是,在滚动跟随达到底部后,自定停止跟随的特效代码,亲测可用!<!DOCTYPE html> <head> <meta charset="utf-8">...

    js/jQuery 3年前 908 0 滚动跟随
  • 浅谈$(document)和$(window)的区别

    浅谈$(document)和$(window)的区别

    首先$(document)这个是获取文档对象$(window)这个是获取窗口对象,也就是浏览器客户区$(document).height() $(window).height()给大家举个例子就非常直接明了了注意,让网页有滚动条然后输出一下这两个值得大小,你就知道什么区别了以上所述就是本文的全部内容了,希望大家能够喜欢。 ...