css隐藏:如何用css控制一个容器的显示与隐藏？
根据页面需要有时候我们需要隐藏些元素但当鼠标移到某个区域时候我们希望这些隐藏元素显示出来用css网页布局我们该如何实现呢？ 首先我们将这隐藏元素在页面中隐藏掉可以应用displasy属性有关displasy属性可以参考这里 我们再对链接添加onMouseOver、onMouseOut小脚本改变displasy属性相关值让隐藏元素显示出来即可我们看下面xhtml代码:\" style=\"m... [阅读全文]
样式风格css:如何实现多风格选择 样式实时切换？
我们在制作网站WebSite时候希望自己网站WebSite是多风格用户可以根据自己喜好选择区别风格这样风格可以是布局上变化也可以是色彩上差异也可能是针对区别用户群而特别定制样式 我们该如何实现多风格选择和样式实时切换呢？ 其实只是IE不支持这个功能我们完全可以交给浏览器去完成FireFox就支持这个功能 假设我们有两套CSS分别封闭在两... [阅读全文]
自定义桌面web:如何定义标题最恰当 符合Web标准？
文档标题是文档最主要组成部分也是搜索引擎蜘蛛爬行时最关注内容该如何定义标题呢？要回答这个问题先设想我们要在个页面上定义文章标题通常我们有 3个思路方法来实现这个简单目: A、没有语义标题定义:\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source... [阅读全文]
css图片垂直居中:如何让图片在容器里垂直居中？
我们会经常遇到这样问题有很多人为图片在容器里垂直居中这个问题而迷惑参考了网上资料如有不全面请大家指出！下面我们就来解析这个问题 第种图片垂直居中思路方法:\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Source Code to Run\" Source Code ... [阅读全文]
iframe自适应高度:如何在一个层上面覆盖一个高度自适应的透明层？
网友JAY刚刚在留言板提出了个问题是有关在个层上面覆盖个高度100%透明层问题他遇到了点麻烦在IE7和FF中没有什么问题而在IE6中就出问题了\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/ Example Source Co... [阅读全文]
absolute:absolute与relative如何区分 怎么用？
我们都知道absolute是绝对定位relative是相对定位相应用position属性来进行设置但是这个绝对和相对是什么意思呢？绝对是哪里绝对相对又是相对于什么地方相对？那他们又有什么样特性可以做出什么样效果呢？有关两者的间又有什么样窍门技巧下面我们就来解读有关position属性可以参考这里 AbsoluteCSS中写法是:positi... [阅读全文]
css给图片加阴影:可以用CSS为图片加阴影吗？
在网页中插入图片是再平常不过事情了但更多时候为了美观需要我们要给图片加上阴影图片数量较多时候工作量是非常大重复劳动而且没有工作效果我们有没有办法用CSS给图片加阴影呢？ CSS中有个概念大家应该都不陌生那就是相对定位position:relative;我们应该学会灵活运用CSS所提供属性给图片加阴影我们就可以用position:relativ... [阅读全文]
xhtmlcss:XHTML引入CSS样式有哪些方式？
XHTML文件是通过CSS样式进行显示控制也就是结合XHTML和CSS来表现页面内容那么到底有哪些方式在XHTML文件中引入CSS样式呢？ 、使用STYLE属性 将STYLE属性直接加在个别元件标签里元件(标签)STYLE=\"性质(属性)1:设定值1;性质(属性)2:设定值2;...} 例如:\" style=\"margin:0px... [阅读全文]
hover:为什么点击一次后hover样式失效了？
A hover样式是指鼠标激活链接时样式通常应用此样式可以达到鼠标交互效果 但新手往往会遇到被点击访问过超链接样式不在具有hover和active了很多人应该都遇到过这个问题 解决思路方法是改变CSS属性排列顺序:L-V-H-A！这非常重要！方式:\" style=\"margin:0px 2px -3px 0px\" alt=\"div... [阅读全文]
酷：你的标记你作主，自定义标记网页布局！
你标记你作主我们可以自定义标记来布局页面 有朋友可能有这样疑问自己随便定义标记浏览器如何能正确认识呢？ 这里我们就要用到文档命名空间那么命名空间又是指什么？ 大家知道XML有个很大特点就是他可扩展性你可以创建你自己标记或使用别人创建标记这里就存在了个问题即你所定义标记和别人定义标识有可能相同但他们各自所表示意义却区别 打个形象比喻比如有两... [阅读全文]
css图片翻转:CSS混合风格按钮 无延迟翻转图形技巧
在个具有图形背景按钮中添加CSS风格文本这种建立按钮思路方法结合了具有CSS翻滚(CSS rollover)标记开发速度和效率从而有效地提高按钮外表图像 3维效果 相比于常规图形按钮这些图形/CSS混合按钮可易于建立和载入你只需要为空白按钮外面建立和载入个图像而不是为每个按钮建立各自图像同个图像可以使用在网页所有按钮背景按钮文本标签都是简单CSS风... [阅读全文]
WEB2.0标准教程：第三天 定义语言编码
第 3步是定义你语言编码:meta http-equiv=\"Content-Type\" content=\"text/html; char=gb2312\" /为了被浏览器正确解释和通过W3C代码校验所有XHTML文档都必须声明它们所使用编码语言我们般使用gb2312(简体中文)制作多国语言页面也有可能用Unicode、ISO-8859-1等根据... [阅读全文]
WEB2.0标准教程：第四天 调用样式表
用web标准设计网站WebSite过渡思路方法主要是采用XHTML+CSScss样式表是必不可少这就要求所有网页设计师必须熟练掌握CSS如果你以前不常用那么现在就开始学习吧要制作符合web标准网站WebSite不懂CSS是设计不出漂亮页面 事实上所有表现地方都需要用CSS来实现我们以前都习惯用table来定位和布局现在要改用DIV来定位和布局这是思维方式变化开始有些不习惯呵呵任何变革都会有阻力为了... [阅读全文]
WEB2.0标准教程：第一天 选择什么样的DOCTYPE
前言大家好！这个系列文章是W3CN阿捷编写是些制作过程中心得体会和经验希望对大家有点帮助同时非常感谢阿捷和我们分享经验和心得体会好了让我们开始吧第天开始制作符合标准站点第件事情就是声明符合自己需要DOCTYPEWEB2.0标准网页原代码第行就是:!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transiti... [阅读全文]
WEB2.0标准教程：第二天 什么是名字空间
DOCTYPE声明好以后接下来代码是:html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"gb2312\" 通常我们HTML4.0代码只是html这里\"xmlns\"是什么呢？这个\"xmlns\"是XHTML 缩写叫做\"名字空间\"声明名字空间是什么作用呢？阿捷自己理解是:由于xml允许你自己定... [阅读全文]
WEB2.0标准教程：如何应用WEB标准改善现有网站？
我们大部分设计师依旧在采用传统表格布局、表现和结构混杂在起方式来建立网站WebSite学习使用XHTML+CSS思路方法需要个过程使现有网站WebSite符合网站WebSite标准也不可能步到位最好思路方法是循序渐进分阶段来逐步达到完全符合网站WebSite标准目标如果你是新手或者对代码不是很熟悉也可以采用遵循标准编辑工具例如DreamweaverM... [阅读全文]
nbsp什么意思:Some Rights Reserved
CSS模板:其所有内容仅提供为学习CSS布局知识分享创作经验请勿作为它用违者必究本资源部分由本站原创部分来自于网络其知识产权归其所有人所有并遵循Creative Commons创作共用协议如果您认为本站内容侵范了您版权请向我们出示或提供相关证明材料我们在证实以后会尽快删除相应内容 CSS酷站:本内容收集于网络以web标准或css布局创建优秀... [阅读全文]
WEB2.0标准教程：WEB标准是什么？
WEB标准WEB标准不是某个标准而是系列标准集合网页主要由 3部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)对应标准也分 3方面:结构化标准语言主要包括XHTML和XML表现标准语言主要包括CSS行为标准主要包括对象模型(如W3C DOM)、ECMAScript等这些标准大部分由W3C起草和发布也有些... [阅读全文]
WEB2.0标准教程：应用WEB标准建设网站有什么好处？
我们大部分人都有深刻体验每当主流浏览器版本升级我们刚建立网站WebSite就可能变得过时我们就需要升级或者重新建造遍网站WebSite例如1996-1999年典型\"浏览器大战\"为了兼容Netscape和IE网站WebSite不得不为这两种浏览器写区别代码同样每当新网络技术和交互设备出现我们也需要制作个新版本来支持这种新技术或新设备例如支持手机上网... [阅读全文]
css控制图片大小:如何用CSS控制图片自适应大小？
图片自动适应大小是个非常常用功能在进行制作时候为了防止图片撑开容器而对图片尺寸进行必要控制我们可不可以用CSS控制图片使它自适应大小呢？ 我们想到了个比较简单解决思路方法虽然不是非常完美如果您要求不是非常高已经可以满足你需要了我们看下面代码:\" style=\"margin:0px 2px -3px 0px\" alt=\"div css... [阅读全文]
divcss布局:div+css网页布局时如何合理架构css？
当前浏览器普遍支持前提下css被我们赋予了前所未有使命然而依赖css越多样式表文件就会变得越大越复杂和此同时文件维护和组织考验也随的而来(曾几何时)只要个css文件就够了——所有规则(rule)汇聚堂增删改都很方便——可这种日子早已远去(现在)建立新网站WebSite时必须花点时间好好筹划如何组织和架构css文件组织 构建css系统第步是大... [阅读全文]
divcss布局:div+css网页布局如何合理的运用html标签？
div+css网页布局已逐渐流行但面对所谓DIV+CSS布局叫法让人更为担心不要让DIV成为Table替代品多层嵌套DIV会严重影响代码可阅读性活用HTML为我们提供标签吧 什么时候应该用DIV? 虽然在这方面没有什么硬性规定,但个人认为DIV更适用于大体框架定位.例如我们要定义块头部区域,般会这样定义个DIV:\" style=\"ma... [阅读全文]
css虚线:CSS如何定义一条水平虚线？
如果定义条水平虚线呢？ 我们首先需要了解有关线条CSS两个样式: dotted : 在MAC平台上IE4+和WINDOWS和UNIX平台上IE5.5+为点线否则为实线 dashed : 在MAC平台上IE4+和WINDOWS和UNIX平台上IE5.5+为虚线否则为实线 更多样式参考请点击这里 水平线条我们可以用hr来实现也可以定... [阅读全文]
nbsp什么意思:如何设计字体的大小 以提高访客的用户体验？
现在国内绝大多数站点都用CSS把字体大小设定为12px像素虽然也是相对尺寸单位但只是相对于屏幕分辨率 当屏幕分辨率定时如果你感到字太小阅读有困难在非标准浏览器中就无能为力了所以说如果把单位改成em那么就可以用CTRL+鼠标滚动把字放大或者用菜单上查看文字大小来改变字大小 1.在body标签里将字体尺寸设为62.5%如果在body里没有CS... [阅读全文]
iewebcontrol:学习Web标准 不要对IE抱有偏见
网页标准这正是我等喜闻乐见但是在学习时却总还要不断去大骂IE当然我也骂过看着IE本为W3C成员的却带头不按标准行事确实让人很不能理解特别是在宽度计算方式上但是现在我越来越觉得我们不要总是骂IE不是东西难到Firefox和Opera就没有让人受不了地方吗同样也有并且还很严重作为个显示网页浏览器其使命就是正确和完美显示网页而这两个浏览器容错性很明... [阅读全文]
课件制作原则与技巧:结构中id与class的使用原则与技巧
在前几日文章中我提到过XHTML重要性在那篇文章中我讲了为什么说XHTML结构重要重视XHTML结构好处但是那篇文章从开发效率入手并没有深入细节而今天这篇文章是讲XHTML中细节部分可以说是上篇续述这篇续述主题就是ID和CLASS如何用在标题中有提及使用原则和窍门技巧这里使用原则和窍门技巧是我经验整理总结并非摘自哪本典籍所以并不是什么权威论述... [阅读全文]
marqueew3c标准:Marquee为什么不符合WEB标准？
在经典论坛中看到网友jeanjean20提到Marquee如何样修改才能符合标准我看了下朋友们跟帖觉得说得都挺好版主greengnn指明Marquee是不符合标准已经被W3C抛弃了有朋友大打不平说觉得去得没道理本来挺好效果现在变没了也有朋友说去了好看着就烦大家都有自己理解角度但是我们自己如何理解是回事但是我们要弄清楚为什么在这里我就greengnn结论的后修... [阅读全文]
position:relative absolute无法冲破
前段时间记得好像是谁在群里提出了个实在是让大家都觉得很不理解个问题: Example Source Code [www.52css.com] 第块 第 2块 第 3块 第 4块 第 5块 如果我我们设定LI为position:relative;设置span为position:absolute;那么我们会发现无论SPANz-index值设置得再高都将... [阅读全文]
cssdivtable:应用DIV+CSS布局以后 该在什么时候使用TABLE？
有关DIV和TABLE表格使用疑问有不少人很是疑惑整理下思路！ 有关表格 使用WEB标准的后,并不是说排除表格使用,表格并不是鸡肋,而正好相反是道大餐,的所以在很多有关CSS布局文章中常提到\"为什么使用表格排版是不明智\"这句话,可能是大家对他理解有误,这里注意点\"使用表格排版\"是\"不明智\".指是我们使用了很多年,用表格来排版是... [阅读全文]
ie6ie7css:IE7新支持的CSS选择器有哪些？
现在IE7已经推出段时间并且渗透到用户当中不用等太久我们就可以在页面上使用更高级CSS两个最有用项目将是Child子和Adjacent Sibling相邻兄弟选择符现在已是时候使用它们制作网页并且更深入研究它们 注意选择器包括现行符号“”,“+”和空格(后代选择符)涉及到子选择器相邻兄弟选择器后代选择器统称为选择符 在我们研究选择符的前弄... [阅读全文]
