HTML5网页设计

html_css

  • XHTML的IE条件注释
    html_css2011-08-12 12:10:01201

    条件注释是ie特有的一种功能,能对ie系列产品进行单独的xhtml代码处理,注意,主要是针对xhtml,而非css。 条件注释功能非常强大,可以进行true和false判断,例如: 程序代码 !--[if ie]此内容只有ie可见![endif]-- !--[if ie 6.0]此内容只有ie6.0可见!...

  • vertical-align属性
    html_css2011-08-12 00:31:53143

    vertical-align的值有点多,包括 baseline sub supper top text-top bottom text-bottom middle以及各种长度值(%,em,ex等等)。我先给大家看一个我觉得最夸张的值:bottom。代码如下: 然后大家看一看这段css在各个浏览器中的效果(图片是我故意做成那个...

  • XHTML常用的结构标签
    html_css2011-08-12 00:31:53155

    vertical-align的值有点多,包括 baseline sub supper top text-top bottom text-bottom middle以及各种长度值(%,em,ex等等)。我先给大家看一个我觉得最夸张的值:bottom。代码如下: 然后大家看一看这段css在各个浏览器中的效果。...

  • HTML5中的新元素介绍
    html_css2011-08-12 00:22:3692

    超文本标记语言(html)5 第一次向 html 中引入新的元素。新的结构元素包括 aside、figure 和 section。新的内联元素包括 time、meter 和 progress。新的内嵌元素有 video 和 audio。新的交互元素有 details、datagrid 和 command。 ...

  • HTML5语义化/结构化/规范化
    html_css2011-08-12 00:01:06139

    HTML结构更加清晰、规范,学习HTML5优化结构的思路。 HTML 5 添加了一些新元素,用来标识常用的结构,是html更具语义化,可是我们无法直接使用,即使可能用到还要等他个十年八年的。 那就像微格式一样。...

  • IE下块元素实现display:inline-block效果
    html_css2011-07-08 00:02:47120

    方法一: 1、先使用 display:inline-block 属性触发块元素,然后再定义 display:inline,让块元素呈递为内联对象(两个display 要先后放在两个 CSS 声明中才有效果,这是 IE 的一个经典 bug 。...

  • 详解display:block/inline/inline-block的区别
    html_css2011-07-07 23:55:26228

    1、display:block 就是将元素显示为块级 元素 。 block 元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度。 div, p, h1, form, ul 和 li是块元素的例子。...

  • web2.0常用网页配色
    html_css2011-06-01 20:21:06178

    颜色的变化跟人类的智慧一样,是无穷的,每个阶段都会有流行的色彩,有属于一个时代的颜色!WEB2.0是一个概念,它宣扬,定位了一些东西,以用户为中 心,群体智慧,分享等等,等等.同时顺应这些需求,一些顶尖的设计师和开发者赋予并领导了一些色彩流行趋势.我凭感觉做...

  • DIV+CSS常见需要注意的地方
    html_css2011-06-01 19:34:39180

    当我们进行CSS+DIV的方式来重构我们的html页面时,通常会发现一些是网站标准(或称 WEB标准 )中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式 的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现...

  • 让IE6也支持css的min-height样式
    html_css2011-01-03 15:20:49140

    min-heigh在 css 布局中常常会被用到,但是ie6却不支持这个属性,万恶的ie6。不过还是有办法解决的。 方法一: 使用expression属性。 css代码如下: div { height: expression(this.height 300 ? true : 300); /*如果大于300px,就为自动,否则为300px*/ min-h...