Windows系统下各浏览器常用CSS hack汇总表图

Windows系统下各浏览器常用CSS hack汇总表图

Windows系统下各浏览器常用CSS HACK汇总表图CSSHACK兼容一览表图(IE6-IE8、谷歌浏览器、火狐浏览器等主流浏览器兼容一览表图)1. 此汇总表中测试浏览器的版本为:……

CSS中absolute与relative的区别

CSS中absolute与relative的区别

很多朋友问过我absolute与relative怎么区分,怎么用?我们都知道absolute是绝对定位,relative是相对定位,但是这个绝对与相对是什么意思呢?绝对是什么地方的绝对,相对又是……

css网站布局实例+jquery导航

css网站布局实例+jquery导航

1.此demo为常用的主页面布局.分为上中下三块布局.中间的为菜单目录和主页面.2.动态效果为采用jquery1.3.2实现.先上图看效果!css网站布局实例+jquery导航 ……

CSS元素透明的方法,背景图透明方法

CSS元素透明的方法,背景图透明方法

本篇文章讲了html元素透明 和 背景透明1、HTML 元素透明其实本身,CSS 实现元素透明是件容易事儿。直接上代码:opacity:.5opacity 指的是不透明度,取值为 0~1……

CSS实现img随div宽度自动变化

CSS实现img随div宽度自动变化

CSS实现img随div宽度自动变化说明:因为屏幕分辨率不同,想实现浏览器中的一个层随浏览器宽度高度的变化而变化,使层始终占浏览器宽度的90%;高度的75%;层中的图片随这个层的变化而变化,相……

深入分析CSS中的滑动门

深入分析CSS中的滑动门

在CSS中,一个经常被人们讨论的先进之处即背景图像的可层叠性,并允许他们在彼此之上进行滑动,以创造一些特殊的效果。根据CSS2.0当前的规定,每一个背景图像都需要各自的HTML元素。在许多情况下……

用css3制作纸张效果

用css3制作纸张效果

一、中规中矩的效果所谓“中规中矩的效果”就是加个投影,贴个胶带什么的。效果如下:您可以狠狠地点击这里:中规中矩纸张效果demo这里纸张本身的效果没有什么说头的,就是个CSS3的box-s……

HTML5和CSS3制作登录表单

HTML5和CSS3制作登录表单

HTML5提供了一些新的元素可以让我们不用JS轻松实现实用的web表单,CSS3提供了很多新的特性,这些特性允许实现新的设计效果(比如动画、渐变等)。这里做了一个基于HTML5和CSS3的登录……

一步步教你实现纯CSS的柱形图

一步步教你实现纯CSS的柱形图

CSS在处理排版之强大,没有做不到,只有想不到。下面我们将一同实现一个柱状图。先打好一个具体的框架。我们利用无序列表做整体,里面的东西我们根本选择内联无素span,strong,em来填充。……

css设计教程之文章内容样式表现的技术巧门

css设计教程之文章内容样式表现的技术巧门

在进行DivCSS布局时,需要对文本进行控制,今天系统的向大家介绍一下。CSS中控制换行的四种属性。一、white-space 可以实现HTML中PRE标签的效果,以及单元格的noWra……

使用CSS选择器实现超链接带带图标样式

使用CSS选择器实现超链接带带图标样式

我们在设计网站的时候,有的时候需要根据页面元素的属性来设计不同的样式,比如,对于不同的链接类型,显示不同的链接图标。CSS的选择器是个很有用的技术,通过它们,我们可以很容易的实现某些效果。今天我们……

CSS绝对定位相对定位(relative/absolute)

CSS绝对定位相对定位(relative/absolute)

一、absolute属性的情感化认识我对position:absolute属性感性化的认识:absolute是一个善良的有个性的,我行我素、喜欢凌驾一切之上的魔鬼。这家伙,不喜欢也算不上讨厌,但……

CSS3布局:灵活的盒子模型

CSS3布局:灵活的盒子模型

当前位置 :| 建站学>网页设计>css设计教程> CSS3布局:灵活的盒子模型  建站教程导航 网站策划 建站理念与思路确定……

CSS实例:图片水平垂直居中于DIV(图片宽高未知)

CSS实例:图片水平垂直居中于DIV(图片宽高未知)

当前位置 :| 建站学>网页设计>css设计教程> CSS实例:图片水平垂直居中于DIV(图片宽高未知)  建站教程导航 网站策划 ……

网页布局六大基本原则

网页布局六大基本原则

1.样式的重用性CSS布局的网页最大的特点就是样式的可重用性,利用class选择符重复将某个样式属性多次在网页中使用,以减少不断定义样式属性的烦琐工作,增加页面的可维护性。例如,将某处表达样……

CSS网页错位之DIV CSS宽度计算

CSS网页错位之DIV CSS宽度计算

为什么计算宽度计算网页像素宽度是为了CSS网页布局整齐与兼容。常见的我们布局左右结构网页或使用padding、margin布局的时候将计算整页宽度,如果不计算无论是宽度过大过小就会出现错位问题……

用纯css解决1px宽单元格线问题

用纯css解决1px宽单元格线问题

用纯css解决1px宽单元格线问题!【实例教程】先看图:再来看看源码: <style type="text/css"> <!-- .data_table { c……

IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例

IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例

整理关于IE6、IE7、IE8、Firefox兼容性CSS HACK问题1.区别IE和非IE浏览器CSSHACK代码 #divcss5{ backgro……

display:none引起的3像素的BUG

display:none引起的3像素的BUG

今天同事给我看了一个display:none引起的3像素的BUG,非常奇怪!从来没碰到过display:none还能引起这种bug。看代码:<div style="width:300p……

使用Keyframes制作纯CSS呼吸灯效果按钮

使用Keyframes制作纯CSS呼吸灯效果按钮

在开始今天的内容之前,首先来简单地了解一下 Keyframes,Keyframes 是 W3C 草案中 Animation 模块的一部分。在 Keyframes 中,每一组动画都可以赋予一个名称,……

css箭头菜单实例教程

css箭头菜单实例教程

先来看一下代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w……

CSS3实现跨浏览器的圆角支持IE9,Safari,Chrome

CSS3实现跨浏览器的圆角支持IE9,Safari,Chrome

现在CSS3已经可以轻松实现跨浏览器的圆角效果,包括Firefox高版本,IE9,Safari,Chrome等高端浏览器。我们这样去定义一个盒子模型:-moz-border-radius: 10……

HTML5和CSS3制作登录表单

HTML5和CSS3制作登录表单

这里做了一个基于HTML5和CSS3的登录表单。实例代码使用到HTML5提供的一些表单新特性,所以你需要使用支持HTML5和CSS3的浏览器来查看。HTML5代码: 用户……

CSS边距用margin还是用padding

CSS边距用margin还是用padding

CSS边距属性定义元素周围的空间。通过使用单独的属性,可以对上、右、下、左的外边距进行设置。也可以使用简写的外边距属性同时改变所有的外边距。边界(margin):元素周围生成额外的空白区。“空白区……

CSS设计网页时清除网页浮动的作用

CSS设计网页时清除网页浮动的作用

在进行浮动布局时,大多数人都深知,在必要的地方进行浮动清理:。例如: Some Content  此时预览此代码,我们会发现最外层的父元素float container,……

全方位清理CSS中浮动

全方位清理CSS中浮动

清除浮动一个凡是做页面的人都会遇到的一个东西,但是是否大家都能够清楚的知道,全方位的了解呢?于是一闲下来了马上写了这样的一篇文章,不能讲面面俱到,然而基本能将我所知道的倾囊相授了。我们粗略的一起……

常用CSS书写技术巧门

常用CSS书写技术巧门

不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因……

CSS3网页文字阴影属性text-shadow

CSS3网页文字阴影属性text-shadow

文字阴影在很多设计中都有应用,在过去我们只能通过图片来实现在Web上显示文字阴影,但是这样做对不太利于SEO,所以在CSS3中,text-shadow又恢复了其属性(text-shadow属性是C……

CSS3使用@font-face实现个性化字体

CSS3使用@font-face实现个性化字体

在网页中,我们可以用CSS的font-family属性来定义字体,然而定义的字体在用户的电脑上能否正确呈现则要看用户的电脑是否安装了该字体。我们经常能看到国外的一些个人网站使用了非常漂亮的字体,而这……

CSS3中overflow属性超过一行显示省略号

CSS3中overflow属性超过一行显示省略号

overflow属性-原本是ie浏览器独自开发的属性,由于在css3中被采用,得到了其他浏览器的支持。指定对于盒内容纳不下的内容显示的方法。Overflow:hidden 对于超出容纳范围的文……

5个常遇到的css hack 及解决办法

5个常遇到的css hack 及解决办法

总结了5个常遇到的 css hack,列出来作为备忘。一. 移除超链接的虚线(仅对FF有效)FireFox下,当你点击一个超链接时会在外围出现一个虚线轮廓. 这很容易……

简洁型css实现的圆角矩形

简洁型css实现的圆角矩形

简洁型css圆角矩形–建站学www.jzxue.com简洁型css圆角矩形–网站设计教程 运行代码复制代码另存代码收藏本页 [Ctrl+A 全部选择 提……

简单了解CSS Sprites(图片合并)技术

简单了解CSS Sprites(图片合并)技术

当前位置 :| 建站学>网页设计>css设计教程> 简单了解CSS Sprites(图片合并)技术  建站教程导航 网站策划 建……

CSS3制作时尚酷炫的网页进度条教程

CSS3制作时尚酷炫的网页进度条教程

CSS3制作时尚酷炫的网页进度条教程非常漂亮吧:HTML代码: .progress-bar – 定义进度栏的常规样式。.blue – 定义进度条的风格,这里是蓝色的.str……

CSS id和CSS class区别与用法

CSS id和CSS class区别与用法

CSS id知识:在一个网页里ID只能使用一次。当然即使一个id在一个网页内被使用多次,其CSS样式仍然可以实现生效,但是一般规定W3C标准是使用一次。因为ID在html里可以赋予html标签特殊……

用CSS代码写出的各种形状图形

用CSS代码写出的各种形状图形

一共收集整理了图形20个,比较实用,同时也为了熟悉CSS的代码。整合了一下,有错误欢迎指出。1.正方形#square {width: 100px;height: 100px;back……

使用CSS设计网页的15条常识

使用CSS设计网页的15条常识

首先大家应该明白,使用DIV+CSS做网页排版不是换个标签然后再去按照表格的方式去排版,而是需要做到网页设计的内容与表现的分离。 1: ID 用于标识页面单独元素以及持久行……

用简单的css实现的圆柱型报表

用简单的css实现的圆柱型报表

用简单的css实现的圆柱型报表,具体效果如下图,你可以运行下面代码框看看具体效果: 图片素材如下: 图片素材如下: Simple accessi……

css设计教程:数字和字母将容器撑大问题解决

css设计教程:数字和字母将容器撑大问题解决

自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS怎样实现换行的办法对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元……

CSS3制作玻璃瓶里的水母

CSS3制作玻璃瓶里的水母

CSS3制作玻璃瓶里的水母下为纯CSS制作,闲话不说,上个效果图先:玻璃瓶质感、四叶草漂浮于水面,荡起涟漪、摇摆上升的气泡…很美的意境,然而你也许会说你喜欢瓶子不喜欢四叶草,那可以把四叶草给n……

用CSS让DIV层水平居中

用CSS让DIV层水平居中

当前位置 :| 建站学>网页设计>css设计教程> 用CSS让DIV层水平居中  建站教程导航 网站策划 建站理念与思路确定网……