CSS学习进阶:关于浏览器兼容设计的几点基础知识

CSS学习进阶:关于浏览器兼容设计的几点基础知识 !important的技巧: 提升优先级,IE6不识别,于是可以用此设计解决IE6的一些讨厌的bug。 IE6中float浮动元素导致margin双倍边距的BUG:(浮动元素设置属性display:inline;) 先看css代码: #1 div{ float:left; margin-left:10px; width:420px; height:
CSS学习进阶:关于浏览器兼容设计的几点基础知识

CSS学习进阶:文字属性与表格中的一些标记

当系统地学习的时候,以前那些遇到问题再去解决问题学习的杂乱的东西,开始变得条理清晰起来 关于英文的大小写 设置属性 text-transform,可以设置的值:capitalize/uppercase/lowercase 分别表示:单词首写字母大写/全部大写/全部小写 示例: capitalize.THIS IS A DEMO. uppercase.THIS IS A DEMO. lo
CSS学习进阶:文字属性与表格中的一些标记

CSS学习进阶:关于盒子模型

虽然接触网站建设有快两年了,但是还真的没有真正系统地学习某一方面的东西,现在时间多了,就借来一本《CSS设计彻底研究》,准备好好地学习一下相关知识,不再做一个半瓢水。下面是昨天看的关于CSS盒子模型相关的一些知识概念,在此做一下学习笔记。 标准流概念: 就是标签的排列方式,对标准流的理解,就象流水,排在前面的标签内容前面出现,排后面的标签内容后面出现) 行内元素间的水平间距margin: magr
CSS学习进阶:关于盒子模型

css控制文本内容换行:word-wrap,word-break,white-space,text-

CSS控制文本内容换行:word-wrap,word-break,white-space,text-overflow的区别和用法 在div中,文本布局经常出现,换行混乱的情况。 我们经常遇到的问题表现为: 1.如果是全英文字符串,中间不包含任何符号(包括空格),不自动换行; 2.中英文混写,则在英文字符串的开始处换行(英文长度>div长度),结尾处不换行; 3.英文整个单词换行。等等,可能还有一些
css控制文本内容换行:word-wrap,word-break,white-space,text-

CSS控制DIV文本和图片水平居中和垂直居中

1、在div css布局中,最常见的问题就是div如何居中的问题。主要利用两个属性来使div居中: body {TEXT-ALIGN: center;} #center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; } 首先在body内容区域内定义文本居中,这样所有在body父级元素内的内容就会居中。对于ie浏览器这样设置就可以了,但是火狐浏览器还必须加下面这句
CSS控制DIV文本和图片水平居中和垂直居中

CSS 3.0 参考手册 (中文版)下载

CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 手册难点 中文资料少,对英文翻译功底要求较高; 基础语法要求字斟句酌,避免产生歧义; 兼容性列表涉及浏览器及版本众多; 草案中的Grid布局被业界同仁普遍认为比“天书”还难… CSS3 还是草案,中文资料少之又少,基本上都是一篇内容转来转去
CSS 3.0 参考手册 (中文版)下载

CSS Sprite含义、相关技术、示例、优化技巧介绍及优化工具下载

什么是css Sprite?或许你不知道它,但是你正在用这种技术。本文从CSS Sprite含义、相关技术、示例、优化技巧介绍优化工具等方面对此做了下全面的总结,通过本文相信你会对CSS Sprite有一个基本的了解和认识。 一、关于CSS Sprite 什么是Sprite?   “Sprite”(精灵)这个词在计算机图形学中有它独特的定义,由于游戏、视频等画质越来越高,必须有一种技术可以智能的处
CSS Sprite含义、相关技术、示例、优化技巧介绍及优化工具下载

CSS代码在线压缩优化工具示例

CSS在线压缩工具 提供的CSS代码格式化和css在线压缩工具,不需要使用YUI Compressor 或者 CSSTidy等离线工具,直接在线操作。     /*请将CSS代码复制到下面*/ /*请将CSS代码复制到这里,下面是示例*/ input,button{height: 20px;background-color: #ffffff;/*border: 1px soli
CSS代码在线压缩优化工具示例