网站导航
- zblogPHP模板zbpkf
- zblog免费模板zblogfree
- zblog模板学习zblogxuexi
- zblogPHP仿站zbpfang
-
CSS 选择器参考手册
CSS3 选择器 <script> $(document).ready(function(){ $("botton").click(function(){ //jQuery 元素选择器 $(this).hide(); $("p").hide(); $("#test").hide();...
-
jQuery修改class属性和CSS样式
class属性修改 类属性即class属性,规定类名. 用类选择器规定样式的时候,需要为元素指定类名,即class属性的值. 注意每个HTML元素只有一个class属性.但是class属性的值可以是多个名称,即可能包含一个词的列表,中间用空格分隔. 具体使用方法见:http://www.w3school.com.cn/css/css_selector_class.asp 用jQuery进行类名修改既可以用attr(...
-
zblogPHP模板制作技巧总结
判断：常用if判断 （CMS首页判断、侧栏判断）指定分类设置特殊模板样式，分类编辑选择为某些分类指定分类模板，后台版方法字段：主题调用指定字段文章（多选字段）方法 调用某篇文章：指定文章标题、内容、摘要、图片...调取某个页面的标题、内容等zblogPHP 调用全部页面（调取所有页面） 调用多篇文章：主题连续调用多篇文章，输入ID方法调取置顶文章到首页，限制（指定）N条数 调用某个（单个）分类：调用(指定)...
-
-
-
overflow:hidden的作用（溢出隐藏、清除浮动、解决外边距塌陷等等）
一. overflow:hidden 溢出隐藏给一个元素中设置overflow:hidden，那么该元素的内容若超出了给定的宽度和高度属性，那么超出的部分将会被隐藏，不占位。/*css样式*/<style type="text/css"> div{ width: 150px; height: 60px; background: skyblue; overflow:...
-
纯CSS 多行文本溢出省略号
单行文本溢出省略号一般我们都知道实现方法。.xxx { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }那么如果多行文本应该怎么做呢，伟大的chrome 又走在了时代前沿，可以使...
-
html单行、多行文本溢出隐藏
单行：div { /* 单行溢出隐藏 */ width: 150px; white-space: nowrap; overflow: hidden; text-overflow:&n...
-
css实现单行多行文本溢出显示省略号
在做响应式网页的时候，我们要想在不同尺寸的设备下保证布局不会错乱，就需要对文字的长度进行限定。基础设置在介绍下面的方法之前，我们先对所有的例子进行基础的样式设置/*基础设置*/div.box{ width: 100px; height: 100px; border: 1p...
-
overflow属性有 visible | hidden | scroll | auto不同效果
在CSS中，如果设置了一个盒子的宽度与高度，则盒子中的内容就可能超过盒子本身的宽度或高度。此时，可以使用 overflow 属性来控制内容溢出时的处理方式。overflow属性的可选值有 visible | hidden | scroll | auto，除了body 和 textarea 的默认值为auto外，其它元素的默认值为visible。如果不设置 overflow属性，则默认值就是 visible。所以，一般而言，除非你想覆盖它...
-
CSS溢出使用overflow隐藏方法
CSS定义中的overflow属性，封装了溢出处理的这个概念。在盒子模型中的代表标签的矩形对象，可以通过CSS样式来定义内容区域的高度与宽度，当这个内容无法容纳子矩形对象时，对于这些子矩形对象必须决定怎么显示，显示什么，这样的处理规则就称为溢出处理。浏览器在做显示运算的时候，会依照溢出处理，来计算内容区域无法容纳的子矩形对象在浏览器上的显示方式。1.visible：当开发人员将矩形对象的overflow属性设置为visible时，如果内...
-
CSS3 calc() 会计算的属性
calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。以前我们可以使用box-sizing:border-box;来设置盒子的属性为不加上边距。现在我们又多了一个选择了。但要注意，两者只能使用一个哦，否则就会造成冲突了。怎么使用calc()可以使用数学运算中的简单加（+）、减（-）、乘（*）和...
-
css单行文本和多行文本溢出隐藏方法
css单行溢出文本隐藏方法：如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法：overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图：但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号呢。css多行文本溢出隐藏...
-
深入理解CSS溢出overflow
当一个元素固定为某个特定大小，但内容在元素中放不下。此时就可以利用overflow属性来控制这种情况 定义overflow溢出 值: visible | hidden | scroll | auto | inherit 初始值: visible 应用于: 块级元素、替换元素、表单元格 继承性: 无 [注意]除了IE7-浏览器外，其他浏览器都不支持给table-cell元素设置overflow属性。firefox和IE...
-
溢出超出DIV边框的内容自动隐藏方法
CSS样式实现溢出超出DIV边框宽度高度的内容自动隐藏方法平时我们布局时候，有的文字内容多了会超过溢出我们限制的高度，有的图片会撑破DIV，让网页错位变乱。这样我们就需要解决如何使用CSS来超出设置CSS宽度和CSS高度的内容自动隐藏掉，又不撑破DIV布局。特别是在IE6，如果内容超出对象高度和宽度承载，将会被撑破增高，这个时候我们可以利用以下解决方法。一、解决CSS样式这时我们可以使用CSS overflow样式解决：对应样式over...