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

    CSS 选择器参考手册

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

    CSS学习 5年前 2746 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年前 3534 3
  • 经典CSS聚合

    经典CSS聚合

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

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

    css常用效果总结

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

    CSS学习 4年前 1927 0
  • CSS渐变色效果的实现方法

    CSS渐变色效果的实现方法

    CSS渐变色(Gradients)术语和解释CSS渐变色(Gradients)能让我们用一种颜色渐变的效果修饰一个空间——从一种颜色过渡到另外一种颜色——填充这个空间。渐变色有两个形式:linear (线性渐变) 和 radial (环形渐变)。很显然CSS渐变色(Gradients)技术是产生了一种视觉图案效果,而实现这种视觉效果很简单,能通过简单编程实现。CSS3里很早就引入了CSS渐变色(Gradie...

    CSS学习 2个月前 110 0 渐变色
  • 用CSS画圆形

    用CSS画圆形

    在写前端过程中,经常会有需要画出一个图形的需求,比如画一个圆形,用css应该怎么画出来呢?圆形CSS代码只需要将你的网页元素的每个边的border-radius甚至成50%,你就能得到任意大小的圆.circle { border-radius: 50%; width: 200px; height: 200px;  /* 宽度和高度需要相等 */}这确实...

    CSS学习 2个月前 136 0 圆形
  • 纯HTML+CSS实现可开关菜单

    纯HTML+CSS实现可开关菜单

    发现label/for这个用法挺有意思的,可以通过牵连点击checkbox实现菜单的开关效果。代码示例:(保存进test.html)<!DOCTYPE HTML><html><head><style>body {text-align:center;}label {cursor:pointer;font-weight:bold;}#shit:checked ~ #menu {display:...

    CSS学习 2个月前 125 0
  • CSS颜色透明度设置,包括背景透明度、浏览器兼容

    CSS颜色透明度设置,包括背景透明度、浏览器兼容

    一、设置元素背景透明度opacity可以用来设置元素背景的透明度;它需要0~1之间的值0表示完全透明(opacity:0);1表示完全不透明(opacity:1);0.5表示半透明(opacity:0.5);代码演示: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head&...

    CSS学习 2个月前 132 0 透明度
  • CSS样式继承和样式权重

    CSS样式继承和样式权重

    样式的继承样式的继承:为一个元素设置的样式,同时也会应用到它的后代元素上去。继承是发生在祖先元素和后代元素上面继承的设计是为了方便开发,利用继承可以将一些通用的样式统一设置到共同的祖先元素上面,这样只需要设置一次就可以让所有的元素都有该样式。注意: 并不是所有的样式都会被继承,常见的有背景、布局相关的样式一般都不 会被继承。(例如 transparent、background、position相关内容)在为父元素设置背景颜色而...

    CSS学习 2个月前 132 0
  • CSS文档流布局以及盒子模型

    CSS文档流布局以及盒子模型

    页面布局 layout文档流(normal flow)网页是一个多层结构,一层叠着一层。通过CSS可以分别为每一层设置样式,而我们作为用户之只看到最上面这层在这些层中,最底下的一层被称为文档流,文档流是网页的基础。我们所创建的元素默认都是在文档流中的。 元素在页面中主要有两个状态:1、在文档流中2、不在文档流中(脱离文档流)元素在文档流中的特点:块元素:块元素在文档流中独占一行,块元素在页面中独占一行默认宽度是父元素的全部(会...

    CSS学习 2个月前 135 0
  • 用opacity设置元素背景的透明度

    用opacity设置元素背景的透明度

    一、设置元素背景透明度opacity可以用来设置元素背景的透明度;它需要0~1之间的值0表示完全透明(opacity:0);1表示完全不透明(opacity:1);0.5表示半透明(opacity:0.5);代码演示:<!DOCTYPE html> <html> <head>     <meta charset="UTF...

    CSS学习 2个月前 128 0 透明度opacity
  • css背设置透明度设置教程

    css背设置透明度设置教程

    网站前端页面开发时,常常需要设置css背景的透明度,以呈现较好的视觉效果,给用户带来良好的体验,那么css是如何设置透明度的?本章给大家分享一下css设置透明度的几种常用方法。希望对有需要的朋友有一定的帮助。工具/原料电脑css样式表方法/步骤1通过设置颜色透明度实现css中rgba()可以用来设置页面元素的颜色和透明度,rgba()颜色值是 RGB 颜色值的扩展,带有一个 alpha 通道,通过它即可实现设置元素的不透明度。2rgba...

    CSS学习 2个月前 130 0 透明度
  • CSS color 属性

    CSS color 属性

    实例为不同元素设置文本颜色:body   {  color:red;   } h1   {  color:#00ff00;   } p   {  color:rgb(0,0,255);   }亲自试一试浏览器支持表格中的数字注明了完全支持该属性...

    CSS学习 2个月前 149 0 color
  • overflow:hidden可以清除浮动原理

    overflow:hidden可以清除浮动原理

    overflow:hidden清除浮动原理BFC (Block Formatting Context)全称是块级格式化上下文,用于对块级元素排版,默认情况下只有根元素(body)一个块级上下文,但是如果一个块级元素 设置了float:left,overflow:hidden或position:absolute样式,就会为这个块级元素生成一个独立的块圾上下文,就像在window全局作用域内,声明了一个function就会生成 一个独立的作...

    CSS学习 2个月前 139 0 overflow