网站导航
- 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条数 调用某个（单个）分类：调用(指定)...
-
-
-
图片大小自适应垂直居中的方法
偶尔会有这样的需求：在不知道图片宽和高情况下，需要让图片水平和垂直居中在某个容器下，而且，如果图片宽或者高超出容器，需要按照比例进行缩放，下面介绍几个常见的方式：Javascript篇：用JS的方式处理解决图片，思路就是预加载图片，然后取宽和高，计算位置，设置margin值，达到目的//计算图片居中位置的信息 functiongetImgSize(img,maxWidth,maxHeight){ &nbs...
-
-
CSS3 object-fit:cover 剪裁图片尺寸适配div - 居中并裁剪图片
最近关注的图片居中比较多，各种各样的图片居中方法，比如上一篇讲的《任意图片在div里的上下垂直都居中！》、《CSS 图片水平垂直全部居中（图片尺寸小于块级父元素）》今天来分享另一种最佳最完美的居中自动剪裁图片的功能，虽然IE8无法做到，但现在IE8还需要考虑吗？ 放弃吧，直接使用 object-fit: cover; ！你还记得通过设置图片的 background-size 属性可以解决很多问题的时刻吗？...
-
图片居中：任意图片在div里的上下垂直都居中！
任意一个图片，在div中都居中显示，这是比较常用的CSS，很多刚学习的新手却并不知道！<style type="text/css"> div{ border:1px solid #ccc; height:500px; width:500p...
-
CSS 图片水平垂直全部居中（图片尺寸小于块级父元素）
相关如上图：《【图片居中】图片在固定框架内 上下左右水平全部居中》【推荐】下方是今今天要分享的图片水平垂直居中方式：注意：本文分享的是限定图片大小的，也就是图片的宽高都在父元素尺寸之内！<style> *{padding: 0;} ul{list-style: none;} li{border: 1px solid #ededed;m...
-
长图(宽图)任何宽度浏览器内原尺寸居中，不产生导航条，超出使用背景色
之前写过一个《大图(宽图)在任意宽度浏览器内显示原尺寸、并居中、无导航条CSS》本文的分享来自于我今天的一个zblog模板仿站单子，比之前分享的方法代码要跟精简，所以还是建议之前之前的特效代码（兼容性本文的更好），所以今天这个也必须分享出来：一样的功能，不一样的代码，都可以使长图在任意宽度浏览器缩放中原尺寸居中，超出图片部分使用背景色！<style> *{margin:0;padding:0;list-style-type...
-
垂直居中-父元素高度确定的多行文本两个方法table+vertical-align:middle以及display:table-cell+vertical-align:middle
父元素高度确定的多行文本、图片等的竖直居中的方法有两种：方法一：使用插入 table (包括tbody、tr、td)标签，同时设置 vertical-align：middle。css 中有一个用于竖直居中的属性 vertical-align，在父元素设置此样式时，会对inline-block类型的子元素都有用。下面看一下例子：html代码：<body> ...
-
CSS： 父元素高度确定的单行文本垂直居中使用height+line-height
各种居中问题，比如左右居中，垂直居中等，都是前端中比较常用，且容易混淆的问题，所以学习CSS时，必须把各种居中拿下，比如今天要介绍的单行文字居中问题！如上图：就是hi,imooc!进行了父元素（灰色背景）内进行了垂直居中，且是单行文字的垂直居中，常用于文章标题居中，本人在制作各种zblog主题的时候必用！其实垂直居中也分为：父元素高度确定的单行文本 、父元素高度确定的多行文本。本文只介绍高度确定的单行文本垂直居中问题！本节我们先来看第一...
-
float:left与position:relative，left:50%+left:-50%组合居中方法
其它居中方法：1、text-align:center与display:inline组合块居中，多个行内元素/块状元素居中方法2、text-align:center与margin:0 auto居中区别3、CSS：左右横向居中—position:relative;left:50%;方法（与本人方法接近，都使用了position:relative）4、div垂直居中 css div盒子上下垂直居中（上下、左右都居中）5、CSS 元素垂直居中的...
-
text-align:center与display:inline组合块居中，多个行内元素/块状元素居中方法
：改变块级元素的 display 为 inline 类型（设置为 行内元素 显示），然后使用 text-align:center 来实现居中效果。如下例子：html代码：<body> <div> <ul> &nbs...