CSS

CSS3模块的目前的状况分析

css3.info将会不断更新这张表格的模块进度变化。越多进展的模块列在最前面。目前还没有CSS3模块达到“推荐”级别。 »

CSS用四种方式实现布局

一,流体浮动布局描述:当视图变化时,跟着变化,设置百分比大小,采用浮动来实现二,流体定位布局描述:当视图变化时,跟着变化,设置百分比大小,用定位方式实现三,固定浮动布局描述:固定大小,不能随着视图改变而改变,设置固定大小,用浮动来实现四,固定定位布局描述:固定大小,不能随着视图改变而改变,设置固定大小,用定位实现 »

html pre标签使文本自动换行

使用标签,并设置其样式如下: 复制代码代码如下: pre{ white-space:pre-wrap;/*css-3*/ white-space:-moz-pre-wrap;/*Mozilla,since1999*/ white-space:-pre-wrap;/*Opera4-6*/ white-space:-o-pre-wrap;/*Opera7*/ w »

使用X-UA-Compatible来设置IE浏览器兼容模式

前言 为了帮助确保你的网页在所有未来的IE版本都有一致的外观,IE8引入了文件兼容性。在IE6中引入一个增设的兼容性模式,文件兼容性使你能够在IE呈现你的网页时选择特定编译模式。新的IE为了确保网页在未来的版本中都有一支的外观,IE8引入了文件兼容性。当你引入一个增设的兼容性模式,此文章说明文件兼容性的必要性,列出现有版本IE能使用的文件兼容性模式并示范如何选择特定的兼容性模式。 了解文件兼容性的... »

CSS 控制页面样式的4种方式和优先级问题

本节主要讲解,两个内容, 第一:CSS如何控制页面样式,有几种方式; 第二:这些方式出现在同一个页面时的优先级。 使用xHTML+CSS布局页面,其中有个很重要的特点就是内容与表象相分离,内容指HTML页面代码,表象就是CSS代码了,如果把页面看成穿着衣服的人的话,人就是HTML,是内容,而衣服呢就是CSS,是表 象,现在出现的问题是,如何让CSS去控制页面?或者说,如何让衣服穿在人身上,好体现出... »

css important终级讲解

例一: CSS 复制代码代码如下: #box { color:red !important; color:blue; } HTML 复制代码代码如下: <div id=”Box”> 在不同的浏览器下,这行字的色应该不同!</div> 这个例子应该是大家经常见到的important的用法了,在IE环境下,这行字是蓝色,在firefox下,为红色,其用法... »

CSS下10个节约开发时间的技巧

1.简单的纯CSS Tooltip 通过这些代码,你可以做出简单的Tooltip。这是CSS代码: 复制代码代码如下:a:hover { background:#ffffff; /*要兼容IE6的话必须添加背景色*/ text-decoration:none;}a.tooltip span { display:none; padding:2px 3px; margin-left:8px; widt... »

css的核心内容 标准流、盒子模型、浮动、定位等分析

1、块级元素:如:<div></div>2、行内元素:如:<span></span>从效果中看块级元素与行内元素的区别: 通过CSS的设置把行内元素转换成块级元素: 标准流:就是标签的排列方式。<div class="style2">我的未来不是梦</div><span id="st&quo... »

CSS Cookbook 创建文字导航菜单和翻转特效

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xht... »

css 文字按钮实现样式submit按钮以文本的形式显示出来

<html> <head> <title>像文字一样的按钮</title> <style> <!– body{ background-color:#daeeff; /* 页面背景色 */ } form{ margin:0px; padding:0px; font:14px; } input{ font:14px Aria... »

css 鼠标经过文字变色

#dh { width:1003px; height:36px; background-image:url(images/mmain_03.gif) } #dh li { height:30px; width:110px; float:left; list-style:none; text-align:center; margin:7px; padding:5px; } #dh li a:link... »

CSS中几种浏览器对不同版本的支持与区分写法

important 可被FireFox和IE7识别 * 可被IE6、IE7识别 _ 可被IE6识别 *+ 可被IE7识别 IE专用的条件注释 »

img与容器下边界的空隙(缝隙) 的解决方法

问题描述: IE7下 img与div(block类型元素)下边界有距离(或者叫缝隙、空隙)。 IE7才会有这个问题,IE8下是没有的。   解决方案: 法宝一:定义图片img标签vertical-align:bottom,vertical-align:middle,vertical-align:top。 img{vertical-align:bottom;}    法... »

CSS dashed和dotted的区别

最近的一个页面中碰到的,本来想用 border 来模拟设计图的虚线效果,但是很明显 border 效果不如设计图来的好看。顺便研究了下 dashed 和 dotted 的区别。 首先,从字面上来理解,dashed 和 dotted 都是指“虚线”,他们的不同在于: dashed:来自 dash(破折号),由 dash 组成的虚线dotted:来自 dot (点),由 dot... »

CSS 很酷的透明样式

我们今天这里不重点讨论怎么制作带有透明效果的 .png格式图片,我们来讨论怎么让它在网页中完美的显示出它的透明的魅力。 精灵空间不少地方都有很酷的透明效果。 (下面附上几个截图效果)。 首页     精灵空间     背景音乐和网页收藏     图片浏览和图片收藏     视频播放和视频收藏 如果你对图片保存格式有些了... »

CSS Sprites简介以及优缺点

CSS Sprites简介通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术,目前它已经在网页开发中发展得较为成熟,阿里巴巴各子公司的网页中到处都可发现css sprites 的影子。但CSS Sprites并不是什么金科玉律,但在很多情况下,它有着一定的优势,最重要的是它可以减轻服务器的负载,提高网页加载速度... »

CSS 折叠的菜单实现代码

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xht... »

CSS 分号引起页面混乱

昨天 由于一个页面的css样式增加,需要在原有的css里面增加样式。由于在头部增加了一些修改信息,所以,样式表的最上面修改了一下!原来最上面是: @charset "utf-8"; 后来我增加东西之后又把这个: @charset "utf-8"; 放到最上面但是不小心把分号给去掉了,变成了这样: @charset "utf-8" 结果页面... »

CSS 文件命名规则

样式的命名规则是否适用?) 什么时间修改过 路径 对于电脑来说,它并不需要目录名或文件名多容易看懂,只要符合命名规则、同一层级下唯一就可以。没错,通过排序可以将文件进行分类,最常用的排序有三种: 文件名 按修改日期 按文件类型 为了更好的让排序发挥作用,文件的命名就需要有一些规则。 »

CSS 网页布局应该避免滥用div元素

CSS网页布局应该避免滥用div元素一直是jb51.net倡导的,以合适的HTML标签组织文档是CSS网页布局的基础。页面中div与span元素的使用是一个新问题,我们也容易过多的使用它们。必要及合理的使用div可以明显的增强文档的结构性。如果你审视你的HTML文档,发现有着很多的div与span,那你就得换一个眼光来看问题了,是不是存在滥用的情况?我们可以将div仅看着是一个容器,或者叫做文档的... »

CSS 关于浮动

什么是浮动? 浮动是 css 的定位属性。我们可以看一下印刷设计来了解它的起源和作用。印刷布局中,文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。这是一个例子: 在排版软件里面,存放文字的盒子可以被设置为允许图文混排,或者无视它。无视图文混排将会允许文字出现在图片的上面,就像它甚至不会在那里一样。这就是图片是否是页面流的一部分的区别。网页设计与此非常类似。 在网页... »

CSS 柱状图实现代码其实很简单

<!doctype html> <head> <style> ul.chart{padding:0;margin:0;list-style:none;border:1px #ccc solid;height:255px;font-size:9pt;background:#ddf3ff} ul.chart p{padding:0;margin:0} ul.char... »

CSS 空格引起网页布局间距问题

发现的“页面空格引起的间距问题”,是不同浏览器对“空格”宽度的解析不同造成的。解决方法如下: 1.删掉空格 2.给需要间距的元素margin属性,示例: .del img »

css 滚动条换色调整代码

PSD转html,设计稿上,有一处内嵌的介绍信息,当文字过长时,要求使用一个经过处理的滚动条来展示。 如果要求兼容firefox,可以使用JQ来进行制作。 如果仅要求IE浏览器,可以通过调整CSS的方式,来给滚动条换色。 代码如下: .uicss-cn { height:580px;overflow-y: scroll; scrollbar-face-color:#EAEAEA; scr... »

CSS网页设计 IE8和IE7共存

其实,IE8是支持和IE7“共存”的,而且还有两种方法。笔者是程序设计师,有时也兼页面的CSS构造,因此,IE6,IE7,FF是必需的测试网页工具,至在兼容主流的浏览器。IE8经过笔者的一翻使用与研究,发现了IE8和IE7确实是可以共存的。现在再装IE8,看他是否会变为IE8的核心。通过这种方式,IE8全面的和Windows Live服务结合在一起。 »

Page 1 of 203123»