-
common.css文件 网页设计常用的基本css控制
复制代码代码如下:html{ color:#000; background:#FFF;}//body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquo...
作者:asdasdasd11-19 -
CSS网页布局实例 常见的12种网页布局
This site contains free css templates for your website - Just copy and paste and there you have a stunning website !
Menu un... -
CSS3属性使网站设计增强同时不消弱可用性
层叠样式表(css)是Web设计的一种语言,CSS的下一代版本CSS3已经蓄势待发。你是否可望开始使用它们却又不知从何下手呢?虽然还有一些新属性没有得到官方的确认,但是一些浏览器已经开始支持来自C...
作者:asdasdasd11-19 -
CSS 网页布局应该避免滥用div元素
CSS网页布局应该避免滥用div元素一直是jb51.net倡导的,以合适的HTML标签组织文档是CSS网页布局的基础。
作者:asdasdasd11-19
页面中div与span元素的使用是一个新问题,我们也容易过多的使用它们。必要及合理的使... -
css FF与IE兼容性总结
1. 超链接访问过后hover样式就不出现的问题 被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题,解决方法是改变CSS属性的排列顺序: L-V-H-A Code: <style type="text...
作者:asdasdasd11-19 -
编写CSS代码时样式的命名规则
具体如下: 要注意的内容: 一,命名所选用的单词应选择不过于具体表示某一状态(如颜色、字号大小等)的单词,以避免当状态改变时名称失去意义。 二,样式类名由以字母开头的小写字母(a-z)、...
作者:asdasdasd11-19 -
网页制作需要了解的IE8、IE7、IE6、Firefox3、Firefox2的CSS hacks
复制代码代码如下: .test{ color:/***/#00f9; /* IE8 */ } .test, .test:-moz-any-link{ color:#f60; /* Firefox2 */ } .test, .test:default{ color:#000; /* Firefox3 */ *color:#f00; /* I...
作者:asdasdasd11-19 -
利用CSS3的定位页面元素
虽然我们已经使用CSS2.1选择器排除掉了所有的class和id,显然还会有很多更复杂的情况需要CSS3的高级选择器来解决。让我们通过完成一下的实例来了解一下如何在不使用无用的class和id属性的情况下...
作者:asdasdasd11-19 -
CSS 设定文本尺寸的属性
简介
作者:asdasdasd11-19
这是一篇介绍如何使网站字体大小更加合理的文章,他教给我们什么才是字体标准化单位,并不是传统的px,而是em!
典型的说,一个 em (发音为 emm) 是个垂直间距的印刷单位,是个浮动的(相对的... -
再谈动态添加样式规则的方法
以前我就是一篇博文 就给出一个好用的函数,它在我几篇博文中被广泛运用的。最近看了不少东西,于是便有了这篇博文,以梳理我学到的新东西。
作者:asdasdasd11-19
毫无疑问,基于表现与结构相分离的原则,直接导入一... -
CSS教程 伪清除浮动
一个多月前总结了《清理浮动的全家》,当时看了之后没什么新鲜的东西也就忽略了,今天偶然又翻到那篇文章,想到了另外一个的方法(N久前在书店翻到的),在网上没看到有人提起过,写出来大家一起讨...
作者:asdasdasd11-19 -
用css来实现透视效果
今天萌发一个想法,用css来实现透视效果。起初,我想到的是我们常见的添加阴影效果的方法,用多个div通过偏移来实现,但这需要很多 div,不够理想。随后,我想到css的一个属性:border,在borde...
作者:asdasdasd11-19 -
不使用class和id进行网页布局的方法
结合了富有新的语义化标记的HTML5,CSS3为web设计师们的网页提供了神一般的力量。有了HTML5的能量,我们将得到更多的对文档代码的控制权,有了CSS3的能量,我们的控制权将趋于无穷大! 即使...
作者:asdasdasd11-19 -
检测用户浏览器是否支持CSS3的方法
如何检测用户的浏览器是否支持CSS3,我们需要使用HTML,CSS和JavaScript来完成这件事情。下面是步骤。 1)先制作下面的HTML 复制代码代码如下: <span id="check" rel="Detect"></span> 2)然后书...
作者:asdasdasd11-19 -
div css 鼠标悬停在div层上时,div背景色改变
复制代码代码如下:<style>.normal{background-color:white}//正常时候div层的样式,也可以添加其他样式表属性。.change{background-color:red}//改变后的div层的样式,也可同时添加其他样式表属...
作者:asdasdasd11-19 -
全面兼容ie6,ie7,ie8,ff的最简单的css写法
还好,微软提供了这样一个代码: 复制代码代码如下: <meta http-equiv="x-ua-compatible" content="ie=7" /> 把这段代码放到<head>里面,在ie8里面的页面解析起来就跟ie7一模一样的了,所以,基...
作者:asdasdasd11-19 -
用 CSS 让你的按钮(button)更加迷人
查看演示我们用 A 包含一个 SPAN 标签来实现此效果: HTML: 复制代码代码如下: <a class="button" href="#"><span>按钮文字</span></a> 设置按钮样式: 复制代码代码如下: <style type="text/cs...
作者:asdasdasd11-19 -
CSS 分号引起页面混乱
昨天 由于一个页面的css样式增加,需要在原有的css里面增加样式。由于在头部增加了一些修改信息,所以,样式表的最上面修改了一下!原来最上面是:
作者:asdasdasd11-19
@charset "utf-8";
后来我增加东西之后又把这... -
css文件不能被正常载入的问题解决方法
问题总结:用dw制作网页时,新建css文件,css文件有一段初始代码(代码为: @charset "utf-8";),而我平常的习惯是,右击鼠标,选择“新建文本文档”,然后直接把 .txt文件改成 .htm...
作者:asdasdasd11-19 -
css 滑动门技术的介绍及实例分享
"如果你是一个css高手的话,那你就来详细介绍一下css滑动门技术".看了这句话不得不学习一下这个所谓的css滑动门技术.我也想当高手啊.当时在百度知道里回答问题的时候发现有很多有问相关css滑动门...
作者:asdasdasd11-19 -
CSS 3D立方体制作
无需JavaScript, imagery, canvas 或者SVG,就可以利用最新的CSS制作出3D立方体,这的确是一件让人难以想象的事情。
作者:asdasdasd11-19
目前制作出来的效果,只有Firefox 3.5,Safari 3.2+,Google Chorme支持。下... -
CSS网页布局开发时的常见问题小结
一、有疑问,先验证 在调试时,先对您的代码进行验证往往能省去不少麻烦事。格式不正确的XHTML/CSS 会导致许多布局上的错误。 在其他浏览器中进行测试之前,请先在最先进的浏览器中撰写和...
作者:asdasdasd11-19 -
CSS IE6奇数宽度或高度的bug
如图:
作者:asdasdasd11-19
可是在IE6下查看,却变成了right:1px的效果了:
IE6还有奇数宽度的bug,解决方案就是将外部相对定位的div宽度改成偶数。查看源码:CSS代码
#out { width: 609px;/*这里宽度为奇数,bug... -
负边距创建自适应宽度的流体布局的实现方法
国外关于使用负边距创建这类布局的技术文档,我看到的最早是04年 Ryan Brill 发表在 A List Apart 上的 《Creating Liquid Layouts with Negative Margins》 (04年 - -!国内刚小部分人开始关注...
作者:asdasdasd11-19 -
IE7 position:relative的问题
回想在网上看过的一篇文档,大意就是,如果在IE7中使用position:relative属性,需要在该元素的容器上,同时给予position:relative属性。 我给了。大按钮上的链接都恢复了。但是”css&rdquo...
作者:asdasdasd11-19