CSS深入研究:display的恐怖故事解密(2)
发布时间:2012/10/24 10:39:29 阅读(6842)条评论(0)条
上集《CSS深入研究:display的恐怖故事解密(1) 》已经把display的属性列表拉出来溜了,发现在这个属性恐怖面貌其实都是脆弱的伪装。除了部分常用属性外,其他的都是传说哥。既然是传说哥,请不要迷恋。就让传说继续传说着吧。这次我们来搞定table-cell这个货。(table-cell:IE6、7不支持)table-cell这个家伙在国外的网站中偶有露头,天朝由于IE6、7这两个货泛滥成灾,难有发挥,那么,这个家伙到底能干些什么呢?先让我们来研究下table,那些年曾经使用的table布局为何如此辉煌荡漾呢?她的特点有哪些呢?抛弃table的兼容性、seo、加载等与本文...
未完,继续阅读→关键字:
css display Web前端 CSS深入研究:display的恐怖故事解密(1)
发布时间:2012/10/24 10:26:53 阅读(7168)条评论(0)条
display作为一个最为恐怖的属性,没有之一,绝对不是欺骗3岁小孩,绝对是真实的。下面,就让我们看看这货的恐怖面貌。display 值:none :隐藏对象。(注意,与visibility:hidden不同,这货是彻底的消失,不保留物理空间。)inline :指定对象为内联元素。block :指定对象为块元素。list-item :指定对象为列表元素。inline-block : 指定对象为内联块元素。inline-table :制定对象为内联表格。table : 指定对象为表格元素 等同<table>table-caption :指定对象为表格标题 等同<caption>table-cell : 指定对象为单元格 等同 ...
未完,继续阅读→关键字:
css display Web前端 十大新鲜和最佳免费的HTML / CSS网页模板
发布时间:2012/10/12 11:44:41 阅读(7434)条评论(0)条
#content h3{background:#eee;border:1px solid #c1c1c1;color:#339999;margin:5px 0;text-indent:2em;border-radius:5px;}新鲜和免费的模板总是网页设计师想要的。今天在这篇文章中,推荐给大家免费得模板包含源文件:如企业的经营,博客,组合,房地产网站设计,音乐网站模板的例子、这些免费的模板有一个免费的源文件,可以根据需要编辑和操作。网页设计师可以改变/修改颜色,字体,模板的布局,1) Free Travel Website TemplateFree Download2) SifisoFree Download3) Cafe Bakery Website TemplateFree Download4) Orange Web...
未完,继续阅读→关键字:
免费 html css 模板 25个最新的免费的创意和美丽的CSS网站模板
发布时间:2012/10/12 11:05:03 阅读(6697)条评论(0)条
#content h3{background:#eee;border:1px solid #c1c1c1;color:#339999;margin:5px 0;text-indent:2em;border-radius:5px;}对于HTML或超文本标记语言的理解,是Internet Explorer或Mozilla Firefox网页浏览器所使用的编码语言。所有的网页设计使用这种语言。HTML是网页设计当中一些简单的标记元素,但如果你想要展现出更好看的东西,那么你应该选择CSS。可以说,CSS层叠样式表是html的一种延伸。他的语法定义如何显示出html元素。用html和css可以创造出非常漂亮的模板,有很多的模板可以在在网上下载的,今天选择了25个具有代表性...
未完,继续阅读→关键字:
CSS 免费 模板 教程 在js中写css最方便的方法
发布时间:2012/8/2 21:47:07 阅读(10200)条评论(3)条
很多人在用JS控制CSS样式的时候肯定有人碰到过不知道怎么修改它的样式。而且在JS中与CSS中所写的方法有所不同。不同之处就不在此说明大家可以去看JS可以控制样式的名称写法。style中的cssText使用方法如下:document.getElementById("sd").style.cssText="width:100p;background:#f60";这样使用起来是不是很方便呢,呵呵!实例如下:<div id="sd" style="width:200px">afdaf</div><script>document.getElementById("sd").style.cssText="width:10...
未完,继续阅读→关键字:
cssText js 写法 关于HTML条件注释你可能不知道的一些事儿
发布时间:2012/7/27 17:18:14 阅读(6410)条评论(0)条
最近经常看到类似这样的HTML代码片段,很多前端开发人员应该都熟悉:1 <!--[if lt IE 7]> <html class="ie6"> <![endif]-->2 <!--[if IE 7]> <html class="ie7"> <![endif]-->3 <!--[if IE 8]> <html class="ie8"> <![endif]-->4 <!--[if gt IE 8]><!--> <html> <!--<![endif]--> 这段代码包含了一些条件注释,它会根据浏览器的不同选择性地给<html>标记添加(或不...
未完,继续阅读→关键字:
css 注释 margin负值应用
发布时间:2012/7/19 16:38:13 阅读(7231)条评论(0)条
最近做的项目中经常会用到margin的负值,这里就总结一下关于margin负值的5种使用及相关bug的解决。1. 在流动性布局中的应用如WordPress的两栏式不固定布局就是使用margin负值来实现的定位,属于左右margin负值在流动性布局中的应用。<div style="width:200px;float:left;border-right:4px solid #CEE1EE;margin-right:-200px;">左侧宽度固定</div><div style="backround:#888;margin-left:200px;">宽度自适应,啦啦啦。。。宽度自适应,啦啦啦。。。宽度自适应,啦啦啦。。。</div> 另...
未完,继续阅读→关键字:
margin负值 布局 css 按钮分页距中display:inline-block完美解决
发布时间:2012/7/4 11:10:00 阅读(9144)条评论(0)条
很久以前做的css按钮完美距中效果,主要是用了display的inline-block的属性。比较简单所以就发上来跟大家分享!效果图如下按钮背景素材<!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/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>分页距中display:inline-block;完...
未完,继续阅读→关键字:
CSS 分页距中 inline-block 最新的CSSHACK写法
发布时间:2012/6/30 11:38:16 阅读(6865)条评论(0)条
最新区分兼容IE6/IE7/IE8/IE9/FF的CSSHACK写法和Cssifhack条件语法操作说明 自从安装了IE8.0正式版本!木头就对基本的几个CSS HACK的做一下归纳!希望对网页前端布局DIV+CSS的实施者有所帮助! 本文就主要以:IE6+IE7+IE8+IE9+FF为主要研究对象 HACK原理:不同浏览器对各中字符的识别不同 在CSS中常用特殊字符识别表: (1)*: IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的; (2)!important: 除IE6不能识别 !important外, FF+IE8+IE7都能识别!important ; (3)_: 除IE6支持_ 外, FF+IE8+IE7都不支持_; (4)\9:所有IE浏...
未完,继续阅读→关键字:
最新 CSS hack ie9 FF SASS用法指南(css编辑器)
发布时间:2012/6/20 10:45:29 阅读(7576)条评论(0)条
学过CSS的人都知道,它不是一种编程语言。你可以用它开发网页样式,但是没法用它编程。也就是说,CSS基本上是设计师的工具,不是程序员的工具。在程序员眼里,CSS是一件很麻烦的东西。它没有变量,也没有条件语句,只是一行行单纯的描述,写起来相当费事。很自然地,有人就开始为CSS加入编程元素,这被叫做"CSS预处理器"(css preprocessor)。它的基本思想是,用一种专门的编程语言,进行网页样式设计,然后再编译成正常的CSS文件。各种"CSS预处理器"之中,我自己最喜欢SASS,觉得它有很多优点,打算以后都用它来写CSS。下...
未完,继续阅读→关键字:
SASS CSS编辑器 设计师 25 个实用的 CSS3 动画按钮/菜单教程
发布时间:2012/6/16 13:12:18 阅读(7825)条评论(0)条
随着Web技术的发展,Web标准已经得到了逐步改善,现在HTML5正逐渐成为Web开发的主导技术。本文为Web前端开发者带来了25个基于CSS3的按钮和菜单设计教程,你还可以观看演示以及下载文件源代码。基于HTML5的Web设计将成为今后的主流,你可以使用CSS按钮/菜单来代替传统上的图片按钮/菜单,在拥有漂亮效果的同时,还可以节省加载图片的时间,增强用户体验。赶紧在你的网站和应用程序中尝试一下这个新技术吧!用CSS3的动画按钮(演示 | 下载源文件)用CSS3真棒动画下载“按钮(演示 | 下载源文件) ...
未完,继续阅读→关键字:
CSS3 HTML5 按钮 菜单 教程 微软公布Windows 8 RP版中IE10的兼容特性
发布时间:2012/6/13 10:37:38 阅读(6958)条评论(0)条
微软IE团队今天发布了一篇博客,称作为Windows 8发行预览版中重要的一个组件,IE10带来了前所未有的浏览体验,并增强了对于最新的W3C标准的支持。该团队在文章中还列出了IE10对于CSS3属性的支持情况。IE10支持的不带前缀的CSS3属性包括(注:不带前缀表明该属性已经成为W3C标准,并被Firefox、Chrome等浏览器的最新版普遍兼容): Gradients(渐变)CSS Animations(动画)CSS Transitions(过渡)CSS Transforms(变换)font-feature-settings(字体特征设置)属性Indexed Database API(索引数据库API)针对脚本动画的定时控制IE10支持...
未完,继续阅读→关键字:
Windows 8 IE CSS 兼容 HTML5