webcss,WEB标准之CSS 打造自己的reset.css
点评：每每有新项目，第一步就是应当使用一个reset.css来重置样式。滥用不如不用，直接拿个现成的reset.css过来将导致后期各种离奇bug的发生。0，引言 每每有新项目，第一步就是应当使用一个reset.css来重置样式。滥用不如不用，直接拿个现成的reset.css过来将导致后期各种离奇bug的发生。 所以最好还是自己写一个reset.css，并且要明白每一条 reset都是用来做什么的... [阅读全文]
超链接属性,请保留超链接的outline属性
点评：默认情况下，用户点击某个链接后，这个链接的周围会有一圈虚线来标识。很多Web设计师不喜欢这个虚线，通常都会用CSS来去掉。outline: none 或者 outline: 0 这样做的直接后果是，那些习惯使用键盘的用户将无法获知他们用Tab键当前定位在哪个链接。所以永远不要移除链接的outline，除非你有其他更好的方法来标识键盘的focus事件。 还有的设计师直接用JavaScript的... [阅读全文]
css字体单位,CSS值、单位和字体说明
点评：CSS值、单位和字体说明，需要的朋友可以参考下。1.颜色值最为简洁明了的制定颜色值的方法是利用颜色的名字。HTML4和CSS2规定了16种颜色，CSS2.1新增了一个Orange。要指定颜色很简单：div style="background-color:Gray"Gray/div下图是17种颜色的示例： 使用命名来指定颜色的话种类很有限，更加通用的方法是用RGB分量来制定。RGB可以用三个0... [阅读全文]
div并排,5个DIV并排在一行的一种方法
点评：一种5个DIV并排在一行的方法
html
head
title一种5个DIV并排在一行的方法/title
style type="text/css"
#bottom {
margin:0 auto;/*下边居是0 */
width:300px;
}
#bottom div {
width:60px;
}
#d1 {
float:left;
background:#f00;
}
... [阅读全文]
网页制作小结,网页制作中字体使用小结
点评：网页制作中字体使用小结，需要的朋友可以参考下。注意点： 1.黑体的使用：在字体小的时候(一般小于16px)，不适合用；不适合加粗；---例子见 中国雅虎-时尚 2.微软雅黑的使用： 注意字体大小 网页设计者中有这麽一种倾向：他们认为小字体能让网页看起来更漂亮，并能提供更多空间给每个网页中的实际内容。网页设计者中有这么一种倾向：他们认为小字体能让网页看起来更漂亮，并能提供更多空间给每个网页中的... [阅读全文]
css层叠样式表,CSS 层叠和继承实现
点评：我们知道文档中的一个元素可能同时被多个css选择器选中，每个选择器都有一些css规则，这就是层叠。所谓继承，就是父元素的规则也会适用于子元素。1. 层叠 我们知道文档中的一个元素可能同时被多个css选择器选中，每个选择器都有一些css规则，这就是层叠。这些规则有可能不矛盾的，自然这些规则将会同时起效，然而有些规则是相互冲突的，例如： 复制代码代码如下:... [阅读全文]
seodiv,有利于SEO优化的DIV+CSS的命名规则小结
点评：DIV+CSS的命名规则小结，让搜索引擎读懂你的样式表。一、CSS文件及样式命名 1、CSS文件命名规范 全局样式：global.css； 框架布局：layout.css； 字体样式：font.css； 链接样式：link.css； 打印样式：print.css； 2、CSS样式命名规范 本人建议：用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数字。为了开发后样式名管理方便，大家请... [阅读全文]
Iframe 高度自适应(兼容IE/Firefox、同域/跨域)
点评：在实际的项目进行中，很多地方可能由于历史原因不得不去使用iframe，包括目前正火热的应用开发也是如此。随之而来的就是在实际使用iframe中，会遇到iframe高度的问题，由于被嵌套的页面长度不固定而显示出来的滚动条，不仅影响美观，还会对用 户操作带来不便。于是自动调整iframe的高度就成为本文的重点。 采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键，... [阅读全文]
css省略号,CSS 和HTML标签来截取过长的文字部分变成省略号
点评：CSS和HTML标签来截取过长的文字部分变成省略号 复制代码代码如下:... [阅读全文]
css清除浮动,css clear之清除区域
点评：清除区域：在css2.1中引入了一个清除区域，当为一个元素使用clear时，他的外边距并没有发生变化，而是这个清除区域使得元素落在了浮动元素的下面。复制代码代码如下:... [阅读全文]
ie8css3,IE8 css overflow:hidden不起作用
点评：当块元素想呈现该元素内部内容不换行或者超过该元素的部分隐藏起来原来这样设置，IE6、IE7、FF都是可以实现的，但IE8不可以，原因是IE把overflow:hidden禁止了。如果实现同样的效果，要添加样式display:inline-block;height:30px;/*高度是想要设置的高度*/这样就可以实现了。... [阅读全文]
css3圆角,CSS3 please 跨浏览器的CSS3产生器
点评：你是否为CSS3中那些形如-moz-border-radius这样冗长的前缀而头晕呢？你是否为CSS3中那些形如-moz-border-radius这样冗长的前缀而头晕呢？你是否在考虑跨浏览器使用CSS3的时候，要记住哪些前缀是支持哪个浏览器的？你是否想过有什么办法能一劳永逸的（或者便捷的）解决这些问题？不用发愁了，Paul Irish与朋友制作了一个有意思的CSS3生成器，在这个页面上你可... [阅读全文]
IE7下当position:fixed遇到text-align:center的解决方法
点评：IE7下当position:fixed遇到text-align:center 的一些状况，大家可以参考下。啥也不说，先看代码:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns="h... [阅读全文]
css浏览器,css 条件注释区分非IE浏览器
点评：IE浏览器的条件注释虽不太常用，却异常强大，不仅可以用来区分IE浏览器版本!--[if IE] _disibledevent=复制代码代码如下:... [阅读全文]
css表单,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/199... [阅读全文]
如何编写css,编写CSS的一些感悟分享
点评：实习一星期多了，这段时间里面经常要编写CSS。我不是专业的设计人员，编写这些CSS的目的其实也只是练习。万丈高楼平地起，首先还 是要把基础打好。我都是拿别人的模板，模仿者编写DIV布局，以及CSS样式。一般而言，我都是用ID来标整个页面的布局结构，然后里面的内容用CSS类来设置样式。 比如我布局可以这么写，然后我可以写一些小工具（也可以这么想，反正就是一个HTML模块，然后你可以在里面填写相... [阅读全文]
超链接属性,请保留超链接的outline属性
点评：默认情况下，用户点击某个链接后，这个链接的周围会有一圈虚线来标识。很多Web设计师不喜欢这个虚线，通常都会用CSS来去掉。outline: none 或者 outline: 0 这样做的直接后果是，那些习惯使用键盘的用户将无法获知他们用Tab键当前定位在哪个链接。所以永远不要移除链接的outline，除非你有其他更好的方法来标识键盘的focus事件。 还有的设计师直接用JavaScript的... [阅读全文]
erp使用小结,CSS Position 使用详细小结
点评：css position 基础教程，非常经典，推荐大家收藏。1. position:static所有元素的默认定位都是：position:static，这意味着元素没有被定位，而且在文档中出现在它应该在的位置。一般来说，不用指定 position:static，除非想要覆盖之前设置的定位。#div-1 { position:static;}2. position:relative如果设定 p... [阅读全文]
css字体单位,CSS值、单位和字体说明
点评：CSS值、单位和字体说明，需要的朋友可以参考下。1.颜色值最为简洁明了的制定颜色值的方法是利用颜色的名字。HTML4和CSS2规定了16种颜色，CSS2.1新增了一个Orange。要指定颜色很简单：div style="background-color:Gray"Gray/div下图是17种颜色的示例： 使用命名来指定颜色的话种类很有限，更加通用的方法是用RGB分量来制定。RGB可以用三个0... [阅读全文]
css省略号,CSS 和HTML标签来截取过长的文字部分变成省略号
点评：CSS和HTML标签来截取过长的文字部分变成省略号 复制代码代码如下:... [阅读全文]
css字体,css overflow与text-indent:-999em 字体隐藏
点评：css overflow与text-indent:-999em 字体隐藏,需要的朋友可以参考下。作为一个web前端开发 为了html语义化 常常要给内容模块加上一些标题来让页面更有意义 当然还有我们的图片按钮 在抛开css裸奔的情况下也能很顺利的汲取到页面信息 通常为了传达更好的视觉效果 我们常用图片替代掉字体 而早前的前端开发常直接不在html中给出内容 用 ;(甚至为空) 这样在没有加载... [阅读全文]
css垂直居中,css 实现文字垂直居中
点评：如题，用html，css如何实现垂直居中。水平居中我们知道最简便的方法就是margin:auto，但是margin只是相对宽度有效。分两种情况： fix height： 即垂直居中的元素高度已知，这个比较简单，也不需要额外的辅助元素。
!DOCTYPE HTML
html
head
meta http-equiv="content-type" content="text/html;... [阅读全文]
css代码,让CSS代码更具有易维护性
点评：如何让你的CSS代码更具有组织性和易维护性，为什么你的样式表总是臃肿和混乱的？有些时候是源于一开始书写时的混乱和草率，有时候也是因为后期的维护和各种HACK的需要，但不管如何，书写出干净、易于管理的CSS很简单，下面是10条改进的方法：1.井井有条。和许多其他的事情一样，首先要保持一个良好的组织性，而不是想到ID就写ID，想到CLASS就写CLASS，而要使样式表保持一个连贯的结构，这能让你... [阅读全文]
css伪类,css 控制first-letter伪类的背景
点评：OL定义有序列表的时候，除非指定list-style-position:inside;，否则文字和前导符是有缩进的。但有的时候，OL定义的列表类型有限制，比如不能定义汉字的“一、二、三”，我们只好手动来输入这些字符，但这下文字和字符连在一起。
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"... [阅读全文]
下拉菜单代码,CSS3 网页下拉菜单代码解释 中文翻译
点评：CSS3制作网页下拉菜单代码解释.是来自国外的一篇文章的翻译。当我在为 WordPress 编写 Notepad 主题 时，顺道学习了一些新的 CSS3 特性，现在此分享。查看演示可以看到一款类似 Mac 风格的多级下拉菜单，使用 border-radius，box-shadow 和 text-shadow 创建。在 Firefox，Safari 和 Chrome 浏览器中能够完美地渲染。即... [阅读全文]
CSS hack技巧之IE6,IE7,firefox显示不同效果
点评：区别不同浏览器的CSS hack写法区别IE6与FF： background:orange;*background:blue; 区别 IE6与IE7： background:green !important;background:blue; 区别IE7与FF： background:orange; *background:green; 区别 FF，I... [阅读全文]
css3圆角,50个强大璀璨的CSS3/JS技术运用实例
点评：50例强大璀璨的CSS3/JS 技术运用。CSS3来了。虽然支持的浏览器很有限，但 许多设计师都在实验它的强大功能。本文可以让你了解css3的新技术和功能。50例强大璀璨的CSS3/JS 技术运用。CSS3来了。虽然支持的浏览器很有限，但许多设计师都在实验它的强大功能。本文可以让你了解css3的新技术和功能。 Visual Effects and Layout Techniques With... [阅读全文]
csshack,CSS Hack 汇总快查 振之整理
点评：行文措辞难免有错，请大家在阅读时发现错误通过评论方式告诉我。谢谢大家屏蔽IE浏览器（也就是IE下不显示）*:lang(zh) select {font:12px !important;} /*FF,OP可见，特别提醒：由于Opera最近的升级，目前此句只为FF所识别*/select:empty {font:12px !important;} /*safari可见*/这里select是选择... [阅读全文]
ie8hack,IE8的css hack \9 使用说明
点评：关注过IE8的css hack的人相信大家都在使用这个hack，就是“\9”的css hack首先感谢“丸子”提供的这个IE8的css hack； 关注过IE8的css hack的人相信大家都在使用这个hack，就是“\9”的css hack： 复制代码代码如下:... [阅读全文]
ie7ie8,IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表
点评：知道CSS的朋友一定听说过CSS hack，现在的浏览器IE、Firefox、Chrome、Opera、Safari。。。百家争鸣，可苦了Web前端开发人员了。不同的浏览器对CSS的解释都有一点出入，特别是padding, line-height这些要细微控制的地方，下面的hack基本可以解决这个问题： • 在属性前加下划线(_)，那么此属性只会被IE6解释 • 在属性前... [阅读全文]
