第4页
  • CSS 选择器参考手册

    CSS 选择器参考手册

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

    CSS学习 5年前 2929 1
  • 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模板学习 4年前 3773 3
  • 经典CSS聚合

    经典CSS聚合

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

    CSS学习 4年前 2015 0
  • css常用效果总结

    css常用效果总结

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

    CSS学习 4年前 2066 0
  • overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷等等)

    overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷等等)

    一. overflow:hidden  溢出隐藏给一个元素中设置overflow:hidden,那么该元素的内容若超出了给定的宽度和高度属性,那么超出的部分将会被隐藏,不占位。/*css样式*/<style type="text/css">    div{ width: 150px; height: 60px; background: skyblue; overflow:...

    CSS学习 5个月前 243 0 overflow溢出
  • 纯CSS 多行文本溢出省略号

    纯CSS 多行文本溢出省略号

    单行文本溢出省略号一般我们都知道实现方法。.xxx {    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap; }那么如果多行文本应该怎么做呢,伟大的chrome 又走在了时代前沿,可以使...

    CSS学习 5个月前 259 0 溢出
  • html单行、多行文本溢出隐藏

    html单行、多行文本溢出隐藏

    单行:div { /* 单行溢出隐藏 */     width: 150px;    white-space: nowrap;    overflow: hidden;    text-overflow:&n...

    CSS学习 5个月前 226 0 溢出
  • css实现单行多行文本溢出显示省略号

    css实现单行多行文本溢出显示省略号

    在做响应式网页的时候,我们要想在不同尺寸的设备下保证布局不会错乱,就需要对文字的长度进行限定。基础设置在介绍下面的方法之前,我们先对所有的例子进行基础的样式设置/*基础设置*/div.box{    width: 100px;    height: 100px;    border: 1p...

    CSS学习 5个月前 247 0 溢出
  • overflow属性有 visible | hidden | scroll | auto不同效果

    overflow属性有 visible | hidden | scroll | auto不同效果

    在CSS中,如果设置了一个盒子的宽度与高度,则盒子中的内容就可能超过盒子本身的宽度或高度。此时,可以使用 overflow 属性来控制内容溢出时的处理方式。overflow属性的可选值有 visible | hidden | scroll | auto,除了body 和 textarea 的默认值为auto外,其它元素的默认值为visible。如果不设置 overflow属性,则默认值就是 visible。所以,一般而言,除非你想覆盖它...

    CSS学习 5个月前 237 0 overflow
  • CSS溢出使用overflow隐藏方法

    CSS溢出使用overflow隐藏方法

    CSS定义中的overflow属性,封装了溢出处理的这个概念。在盒子模型中的代表标签的矩形对象,可以通过CSS样式来定义内容区域的高度与宽度,当这个内容无法容纳子矩形对象时,对于这些子矩形对象必须决定怎么显示,显示什么,这样的处理规则就称为溢出处理。浏览器在做显示运算的时候,会依照溢出处理,来计算内容区域无法容纳的子矩形对象在浏览器上的显示方式。1.visible:当开发人员将矩形对象的overflow属性设置为visible时,如果内...

    zblogPHP主题 5个月前 261 0
  • CSS3 calc() 会计算的属性

    CSS3 calc() 会计算的属性

    calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。以前我们可以使用box-sizing:border-box;来设置盒子的属性为不加上边距。现在我们又多了一个选择了。但要注意,两者只能使用一个哦,否则就会造成冲突了。怎么使用calc()可以使用数学运算中的简单加(+)、减(-)、乘(*)和...

    CSS学习 5个月前 249 0
  • css单行文本和多行文本溢出隐藏方法

    css单行文本和多行文本溢出隐藏方法

    css单行溢出文本隐藏方法:如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图:但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略号呢。css多行文本溢出隐藏...

    CSS学习 5个月前 278 0
  • 深入理解CSS溢出overflow

    深入理解CSS溢出overflow

    当一个元素固定为某个特定大小,但内容在元素中放不下。此时就可以利用overflow属性来控制这种情况 定义overflow溢出  值: visible | hidden | scroll | auto | inherit  初始值: visible  应用于: 块级元素、替换元素、表单元格  继承性: 无  [注意]除了IE7-浏览器外,其他浏览器都不支持给table-cell元素设置overflow属性。firefox和IE...

    CSS学习 5个月前 274 0
  • 溢出超出DIV边框的内容自动隐藏方法

    溢出超出DIV边框的内容自动隐藏方法

    CSS样式实现溢出超出DIV边框宽度高度的内容自动隐藏方法平时我们布局时候,有的文字内容多了会超过溢出我们限制的高度,有的图片会撑破DIV,让网页错位变乱。这样我们就需要解决如何使用CSS来超出设置CSS宽度和CSS高度的内容自动隐藏掉,又不撑破DIV布局。特别是在IE6,如果内容超出对象高度和宽度承载,将会被撑破增高,这个时候我们可以利用以下解决方法。一、解决CSS样式这时我们可以使用CSS overflow样式解决:对应样式over...

    CSS学习 5个月前 369 0