background背景属性是CSS中重要的一个属性。使用background属性可以设置一个背景元素的各种样式，包含了设置填充背景的颜色，使用自己的图片作为背景，让图片会水平和垂直重复直至铺满整个元素，控制着背景图片在元素中的位置等等。使用图片作为背景在一个网页布局中常常会遇到，一般设置对象图片作为背景属性实例，首先设置背景颜色 紧跟设置图片作背景 紧跟图片是否重复 然后跟图片在对象位置。前面的背景颜色可以不用设同时不是...
css实现图片动态效果。使用方法 利用hover伪类操作流程 首先确定要实现的效果 设置初始表示状态动画用到的css属性transition 属性transition-property 规定设置过渡效果的 CSS 属性的名称。(none 没有属性会获得过渡效果。all 所有属性都将获得过渡效果。property 定义应用过渡效果的 CSS 属性名称列表，列表以逗号分隔。)transition-duration 规定完成过渡效果需要多少秒或毫秒。transition-timing-function 规定速度效果的速度曲...
cursor 属性规定要显示的光标的类型（形状）。该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状（不过 CSS2.1 没有定义由哪个边界确定这个范围）。我们在DIV CSS布局时候，我们会遇到对对象内鼠标指针光标进行控制，比如鼠标经过指针变为手指形状等样式，接下来我们介绍鼠标指针样式cursor控制。系统默认鼠标指针样式外，可以通过CSS设置图片为鼠标指针，常见有些网站鼠标指针是各种各样小图片样式，当然这个是通过css...
在我们的日常Web网页开发中，每个页面都有很多的div布局，那么我们在开发的时候知道使用了css float浮动会产生css浮动，那每次浮动之后，我们必须要做的一件事就是清除浮动，这使用我们就要用clear样式属性来实现，今天就给大家介绍clear both清除浮动的使用总结！CSS中clear both清除浮动1.css浮动-float/clear的图文详解可以看出，即使p1的宽度很小，页面中一行可以容下p1和p2，p2也不会排在p1后边，因为p元素是独占一行的。注意...
iconfont是什么？iconfont到了今天应该是一种比较成熟的技术了。IconFont拆开来看，就是 Icon 和 Font，这样估计大家应该都能理解是什么，那两者结合呢？没错，就是 IconFont ～。利用字体工具把我们平时 Web 上用的图形图标（icons）转换成 web fonts，就成了 icon fonts，它可以借助 CSS 的 @font-face 嵌入到网页里，用以显示 icons。因为字体是矢量化图形，它天生具有「分辨率无关」的特性，在任何分辨率和PPI下面，都可以做到...
在我们的Web日常开发中， 背景的属性是用来同时定义元素背景的各种显示属性，在实际应用CSS的过程中，通常使用背景的综合属性一次性，比如，背景颜色，背景图片等一系列，那么我们今天就给大家总结下关于CSS中背景属性的使用~CSS中有关背景属性：1.css背景的一些小常识 如何设置标签的背景颜色在css中有一个background-color:属性，就是专门用来设置背景颜色的取值：具体的单词rgbrgba十六进制二.如何设置背景图片？2.css背景有关...
在我们之前的文章我们有介绍过关于div滚动条颜色的设置，我们都知道滚动条的样式我们可以通过css来控制的,那么我们今天就给大家介绍关于CSS滚动条样式的设置总结~CSS滚动条样式：1.CSS滚动条 - 小火柴的蓝色理想 滚动条在网页中经常见到，却并没有受到足够的重视。只有当因为滚动条的问题需要处理兼容性时，才进行调试操作。本文将就滚动条的常见内容进行梳理。2.css设置滚动条样式步骤图解 浏览器默认的滚动条样子太过屌丝了，得自...
在我们日常的开发工作中，html的开发是不可少的，那么CheckBox是在HTML中让使用者与首页上的素材发生交互作用的一种方法。其中包含CheckBox控件就是我们一般所说的复选框，通常用于某选项的打开或关闭，那么今天就给大家介绍css自定义checkbox样式的方法总结！css自定义checkbox样式1.使用CSS自定义radio、checkbox样式的示例详解 以前做自定义样式的radio, checkbox 的时候，一直是如下结构然后定义diyRadio 的样式作为新Radio, 再...
在学习CSS的过程中，特别容易搞混淆两个概念：伪类和伪元素。w3c中对两者的定义为：CSS 伪类用于向某些选择器添加特殊的效果。CSS 伪元素用于将特殊的效果添加到某些选择器。伪类一开始单单只是用来表示一些元素的动态状态，典型的就是链接的各个状态(LVHA)。随后CSS2标准扩展了其概念范围，使其成为了所有逻辑上存在但在文档树中却无须标识的“幽灵”分类。伪元素则代表了某个元素的子元素，这个子元素虽然在逻辑上存在，但却并不...
CSS层叠性是指CSS样式在针对同一元素配置同一属性时，依据层叠规则（权重）来处理冲突，选择应用权重高的CSS选择器所指定的属性，一般也被描述为权重高的覆盖权重低的，因此也称作层叠。1. 解析CSS样式继承和层叠基本选择器标签选择：根据页面当中标签名字进行选择，直接把样式应用到指定的标签上。特点：1.标签选择器会对当年页面当中所有的指定标签进行选择；2.标签选择器对代码的当前标签层次结构没有任何关联，只要是在当前页面...
很多时候，网站需要讲彩色变为黑白，比如在汶川大地震时，为了表示哀悼，很多网站都由彩色编程黑白了，那么，我们就来总结下如何将网页由彩色变为黑白的方法：1.将网站、网页整个界面变成黑白灰色调css代码不多说，请看代码，将网站或者网页变成黑白色###网页黑白代码外部样式**写入.css文件请用*2.网站变黑白灰色的4种代码详细讲解2008.5.12四川汶川大地震，带走了很多生命，令人惋惜，为了表示对遇难同胞的深切哀悼，国务院决定2...
近年来 HTML5 和 CSS3 发展迅速，国内外不乏一些大站，酷站都在使用最新的技术，各家厂商的浏览器对它们的兼容性越来越好。CSS3中有一个强大的属性 Transform。有了这个特性，各种特效轻松搞定。引用一句歌词“旋转，跳跃，我不停歇”。从字面上就能看出，Transform 是 变型 的意思，他的值主要包括 旋转rotate，扭曲skew，缩放scale，移动translate以及矩阵变形matrix 。下面的内容就来聊聊CSS3中的这个重要的属性。首先可以学习G...
正确并形象地给函数、变量命名，不仅可以增加程序的可读性，也是程序员编程风格的一种反映。较好的命名习惯，可以有效的提高程序的可维护性。以下介绍规范命名的方法，感兴趣的小伙伴们可以来看一下。1. DIV+CSS规范命名集合我们开发CSS+p网页（Xhtml）时候,比较困惑和纠结的事就是CSS命名，特别是新手不知道什么地方该如何命名，怎样命名才是好的方法。 命名规则说明： 1）、所有的命名最好都小写 2）、属性的值一定要用双...
position定位属性css中position是一个非常的重要的属性，它有absolute（绝对定位）、relative（相对定位）、static（静态定位，默认值）、fixed（固定定位）四种。通过position属性，我们可以让元素相对于其正常位置，父元素或者浏览器窗口进行偏移。postion也是初学者容易搞不清楚状况的一个属性。目前几乎所有主流的浏览器都支持position属性，下面的文章我们就来说说css中position定位属性和其应用。可以先学习Gxl网相关的免费课...
初学css的朋友可能觉得 border 属性只是简单的绘制边框。其实， border是控制对象的边框边线宽度、颜色、虚线、实线等样式。可以对单个边框进行控制，也可以控制所有的边框。使用border属性可以制作更多的效果。在 CSS 中，你可以透过 border 的语法来对边框做许多样化的设计变化，例如设定边框的宽度、样式、颜色等等，也可以隐藏边框，原则上 CSS 对于 border 的设计不只局限于 p 区块或 span 的边框，也可以应用到其他的网页元素...