-
CSS定位机制之一:普通流
所属栏目:[创业经验] 日期:2018-10-15 来源:DaWei
原创。原文:http://www.swordair.com/blog/2010/08/415,转载请保留。 由于没有找到自己认为完整的关于普通流、浮动和绝对定位的中文文章,于是鼓起勇气决定自己来写篇。为此大致啃掉了CSS2.1里的 8 Box model 以及 9 Visual formatting model 。实话说,[详细]
-
css 美化 input 文本框与 button 按钮
所属栏目:[创业经验] 日期:2018-10-15 来源:DaWei
我们会看到很多网站的文本输入框都非常漂亮哦,如taobao等,下面我们来看一下我们用css美化输入框的代码吧。HTML就不用写了吧,大家自己去测一下吧,很漂亮的。 .SearchBar { font-size:12px; letter-spacing:2px; border-bottom:1px solid #dddddd; paddin[详细]
-
禁止缓存:给css/js加上时间戳
所属栏目:[创业经验] 日期:2018-10-15 来源:DaWei
好多服务器端或CDN都会对CSS、JS和图片这些静态的内容设置缓存,到了IE这里又会在本地做一个缓存。所以当我们更新了CSS文件之后,常常会出现客户端没有更新,导致显示出现问题。之前我一直使用时间戳参数的方法来解决: 每次更改了css文件就把参数time的值[详细]
-
CSS border三角的一个应用实例
所属栏目:[创业经验] 日期:2018-10-15 来源:DaWei
早上了解到一个名为css border三角的技术,纯css2实现,兼容各浏览器(包括Ie6),且效果非常好,当时即内牛满面,顿感牛人之强大。自己不敢不有样学样,赶紧做了个应用demo,练手之余也能向更多的盆友介绍此技术。效果如下: 常用联系人 常用联系人 常用联系人[详细]
-
图片延迟加载处理的实现
所属栏目:[创业经验] 日期:2018-10-06 来源:DaWei
页面中图片过多能够让图片延迟加载会大大提高页面的加载速度,提高用户可用性。 1、有的页面是页面过长或过宽,可以考虑只加载显示区域附近的图片。 2、图片所在窗口不显示,比如Tab内容切换,内容轮播等也要考虑把没有显示的图片延迟加载 第一种情况推荐[详细]
-
表单中的隐藏域重置
所属栏目:[创业经验] 日期:2018-10-06 来源:DaWei
在 DOM 中,表单重置非常简单,使用 input type=reset 或者 button type=reset 即可。原生 DOM 也提供了 reset() 方法用于表单重置。 但是在 Firefox / Chrome 浏览器中,如果字段是隐藏域(type=hidden)的话,使用 reset 是无法将字段值还原为初始值的。[详细]
-
如何使用 CSS3 伪类
所属栏目:[创业经验] 日期:2018-10-06 来源:DaWei
CSS3 是个好东西,但也很容易被她的变形(transform)和动画(其中许多特性因浏览器厂商而异)特性所迷惑,因而忘了那些已经被添加到标准规范中的最为基本的选择器。许多强大的新伪类选择器(最新的 W3C 规范中列出了 16 条)使得我们能够在新的标准范围内[详细]
-
关于CSS Selector的优先级
所属栏目:[创业经验] 日期:2018-10-06 来源:DaWei
今天在google reader上看到一篇博文,然后在问了组里的几位同事之后才发现自己曾经一直对css selector的理解存在着误区。据说老外的文章中很早就提到了关于css selector是优先级算法,只是到了国内被部分人员翻译之后,误解了其中的含义,导致现在很多人以[详细]
-
CSS自定义滚动条样式
所属栏目:[创业经验] 日期:2018-10-06 来源:DaWei
相信很多人都遇到过在设计中自定义滚动条样式的情景,之前我都是努力说服设计师接受浏览器自带的滚动条样式,但是这样只能规避还是解决不了问题,最近在项目中遇到了,正好来总结一下。当然,兼容所有浏览器的滚动条样式目前是不存在的。 IE下的滚动条样式[详细]
-
JavaScript计算iframe高度
所属栏目:[创业经验] 日期:2018-10-06 来源:DaWei
Java Script 计算iframe高度,方便做到高度自适应: Math.min(iframe.contentWindow.window.document.documentElement.scrollHeight, iframe.contentWindow.window.document.body.scrollHeight);[详细]
-
IE6 CSS bug: position:relative变成了absolute
所属栏目:[创业经验] 日期:2018-10-06 来源:DaWei
BUG描述: 页面中块级元素用了position:relative,bottom=-1px等元素定位,会表现出postion:absolute的行为. 解决方法: 方法1. 为此元素最外层父亲元素添加属性position:relative, 注意是最外层. 方法2. 把此元素的position:relative变成默认的static定位,[详细]
-
利用 iframe 假装异步提交表单
所属栏目:[创业经验] 日期:2018-10-06 来源:DaWei
异步提交表单,但需要跨域,POST 是靠不住的,幸好 YUI3 提供了强大的 Y.Get.script 模块。后来,伟大的饺子哥说,可以直接用 Form 提交,纳尼?看看代码吧 : iframe name=mangguo/iframe假如有个表单: form method=post action=http://www.mangguo.org/[详细]
-
Css Position的用法:一个简单的代码实例
所属栏目:[创业经验] 日期:2018-10-06 来源:DaWei
Css Position的用法:一个简单的代码实例,这是使用CSS定位属性position的实例,在使用定位属性的时候,还要使用其他的辅助属性,才能正常显示。 大家自己看代码吧![详细]
-
网站首页顶部添加背景图片的修改代码
所属栏目:[创业经验] 日期:2018-10-06 来源:DaWei
在节日的时候,我们经常看到一些门户网站的顶部添加了大幅的网页背景,还有的带关闭功能,不但给节日添加了气氛,而且获得了访客的好评。在新年就要到来之际,烈火网给大家准备了一些背景素材图片及PSD文件,需要的朋友请到这里下载。考虑到很多朋友不会使[详细]
-
良好的DIV+CSS的命名规则有利于SEO优化
所属栏目:[创业经验] 日期:2018-09-28 来源:DaWei
一、CSS文件及样式命名 1、CSS文件命名规范 全局样式:global.css; 框架布局:layout.css; 字体样式:font.css; 链接样式:link.css; 打印样式:print.css; 2、CSS样式命名规范 本人建议:用字母、_号工、-号、数字组成,必须以字母开头,不能为纯数[详细]
-
如何复制网页上不能选中的文字?
所属栏目:[创业经验] 日期:2018-09-28 来源:DaWei
我们在上网浏览网页时,当看到自己需要或者精彩的内容时,就想选取某些文本或图片复制下来保存到本地硬盘中。可按住鼠标左键拖动,无论如何也无法选中需要的文字。当然也就不能复制网页中的文字了。这是有些网站为了保护自己的内容运用了一些技术手段让我[详细]
-
WEB 网页固定大小并且居中显示的方法
所属栏目:[创业经验] 日期:2018-09-28 来源:DaWei
方法一:针对无框架的页面。 其实就是设定Table的属性来实现。 table width=100% height=100% border=1 tr td align=center valign=top table width=980px height=100% border=1 tr td !-- 此处放置你的页面内容 -- /td /tr /table /td /tr /table 方法二[详细]
-
跨浏览器 CSS 阴影的实现方法
所属栏目:[创业经验] 日期:2018-09-28 来源:DaWei
阴影是最常用的 CSS 效果之一,CSS3 标准已经增加了阴影属性,下面讨论一下阴影在各种浏览器里的实现方法。 CSS3 阴影 CSS3 里使用 box-shadow 属性定义块的阴影,基本语法如下: box-shadow: 3px 3px 4px #000; 上面的样式里,前面两个 3px 表示阴影在 xy[详细]
-
CSS3 灵活的盒子模型(Flexible Box Module)–1
所属栏目:[创业经验] 日期:2018-09-28 来源:DaWei
CSS3 标准里引入了一些新的盒子模型参数,在 CSS2 的基础上,我们将能更灵活地调整页面上各个容器的大小和位置。详细的说明可以看 这个文档 。 通过学习和测试,我发现这种新的盒子模型布局对建立自适应布局的页面带来很大的好处。在这篇文章中,我的所有[详细]
-
CSS入门技巧:关于CSS样式表的教程
所属栏目:[创业经验] 日期:2018-09-28 来源:DaWei
本例为CSS入门系列教程,在这一课中我们将学习CSS的样式表,主要学习在学习css之前你应该掌握哪些基础知识,认识CSS以及如何使用CSS,希望能给对网页制作感兴趣的朋友带来帮助~~ 推荐阅读: CSS2.0在线手册http://www.veryhuo.com/a/manual/css/ CSS入门教[详细]
-
CSS入门技巧七则:语法基础教程
所属栏目:[创业经验] 日期:2018-09-28 来源:DaWei
本例为CSS入门系列教程,在这一课中我们将学习CSS的语法基础,主要学习CSS的基本语法、选择符组、类选择符、ID选择符、包含选择符、 样式表的层叠性以及,希望能给对网页制作感兴趣的朋友带来帮助~~ CSS入门教程之语法基础 1. 基本语法 CSS的定义是由三个部[详细]
-
点击超级链接后不显示虚线边框的代码
所属栏目:[创业经验] 日期:2018-09-28 来源:DaWei
烈火网(LieHuo.Net)HTML教程:让链接点击后不显示虚线框,如果在我们不定义的时候,一般的链接在点击后会出现一个虚线边框,其实这样做也有好处,可以告诉用户你点击了哪里的链接,不过有些用户有别的用途,不想显示这种虚线框,那么有什么办法吗?其实很简[详细]
-
CSS实例:纯CSS打造斜角
所属栏目:[创业经验] 日期:2018-09-16 来源:DaWei
关于CSS打造斜角,先说一下历史,在CSS+DIV流行以前,也就是用表格作为网页框架的时候,人们通过在一个单元格里加入一个斜角图片来来做这种效果的。这种技术现在已经完全过时了,这里不讨论。CSS+DIV兴起以后,出现了两种制作斜角效果的方法,一个是通过ba[详细]
-
CSS技巧:字体属性简写规则
所属栏目:[创业经验] 日期:2018-09-16 来源:DaWei
当使用css定义字体时你可能会这样做: 事实上你可以简写这些属性: 现在好多了吧,不过有一点要注意:使用这一简写方式你至少要指定font-size和font-family属性,其他的属性(如font-weight, font-style,font-varient)如未指定将自动使用默认值。[详细]
-
IE6/IE7/FireFox CSS兼容的解决方法
所属栏目:[创业经验] 日期:2018-09-16 来源:DaWei
1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加 height 和 wi[详细]




