网站导航
- 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条数 调用某个（单个）分类：调用(指定)...
-
-
-
flex 布局的概念
flex 布局的概念Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局，行内元素也可以通过 inline-flex 使属性值用 Flex 布局。inline-flex 和 inline-block 一样，对设置了该属性值的元素的子元素来说是个 display:flex 的容器，对外部元素...
-
CSS box-flex 属性
实例定义两个可伸缩的 p 元素。如果父元素的总宽度是 300 像素，则 #p1 的宽度是 100 像素，而 #p2 的宽度是 200 像素：#p1 { -moz-box-flex:1.0; /* Firefox */-webkit-box-flex:1.0; /* Safari 和 Chrome */box-flex:1.0; border:1px&n...
-
Flex 布局语法教程
网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex布局将成为未来布局...
-
-
css3怎样设置元素旋转角度，怎样设置旋转中心点
css3可以设置元素旋转角度，从而得到不一样的形状以及视觉感受。今天小编我就来给各位宝宝分析一下在css3中怎样设置元素的旋转角度，以及怎样设置旋转元素的中心点。工具/原料电脑vscode方法/步骤1如图，小编我就用两个一样的div进行对比，这是基础的div代码。2如图，这是没有旋转的div，接着我们只给灰蓝色的div设置旋转，好明确知道旋转中心点是什么。3给灰蓝色div设置就是使用.t类名，然后用到了transform，接着就是rot...
-
Css3 Transform 各种变形旋转
css3中可以实现多种变形的旋转图形，用于各种特殊写法和布局！<h1>Css3 Transform</h1> <!-- Rotate--> <div class="card"> <div class="box rotate"> &nb...
-
CSS3函数rotate()实现旋转技术
rotate()函数能够旋转元素，它主要是在二维空间内进行操作，通过一个角度参数值，来设定旋转的幅度。如果对元素本身或者元素设置了perspective值，那么rotate3d()函数可以实现一个3维空间内的旋转。关联属性：transform-origin。取值rotate(<angle>);<angle>为一个角度值，单位deg，可以为正数或者负数，正数是顺时针旋转，负数是逆时针旋转。rotateX(angel...
-
CSS 实现加载动画之一-菊花旋转
最近打算整理几个动画样式，最常见的就是我们用到的加载动画。加载动画的效果处理的好，会给页面带来画龙点睛的作用，而使用户愿意去等待。而页面中最常用的做法是把动画做成gif格式，当做背景图或是img标签来引用，这种方式最简单，也不会有兼容性的问题。不过本人有时爱折腾，看到一些动画的效果，不管是简单也好，复杂也好，也想尝试用代码来实现它，换一种思维方式，就算在项目中用到的可能性很小，自己多动手多写写总归不会有坏处。CSS3新增了很多强大的功能...
-
-
CSS背景图片样式：background-image
在CSS中，我们可以使用background-image属性来为元素定义背景图片。语法：background-image: url(图片路径);说明：跟引入图片（即img标签）一样，引入背景图片也需要给出图片路径才可以显示。举例：在线测试<!DOCTYPE html><html><head> <meta charse...