• 没有找到任何内容！

推荐文章

  • 没有找到任何内容！
您当前的位置：中国站长下载 → 网页设计 → HTML/CSS → 文章列表
RSS订阅
HTML/CSS

  • [组图] 解决DW8中CSS应用无效问题

    [内容预览]

    2008-05-04 10:06:17
    很多朋友在使用Deamweaver8的时候都会遇到这样的情况：给当前编辑的文档链接了CSS文件，并对页面元素应用了定义的CSS样式，但在DW8中却看不到任何效果。如下图。　　主要原因就是DW8新多出了一个“样式呈现工具栏”，该工具栏允许你轻易的为不同的媒体类型，例如屏幕、手持设备和打印输出进行设计。其他的支持媒体类型有投影设备,TTY(TelevisionT...

    [阅读全文]

  • 　　实现超链接的个性化下划线其实很简单，用一些基本的语法，利用CSS中的滑动门技术（即背景图像的可层叠性），并允许他们在彼此之上进行滑动，以创造一些特殊的效果即可：　　首先，我们来说说这个彩色的下划线是怎么弄的:利用一张渐变的背景图片。　　再看看下面的css代码：　　再看看下面的css代码：body{font-size:14px;font-family:He...

    [阅读全文]

  • 　　IE7.0出来好久了，还没有普及，我都着急了。　　经常都要被IE6与火狐的兼容性搞得焦头烂额。昨天，有朋友问我FF下，页面如何能让内容自动撑高。　　试了一下，在css代码上加上“height:100%;overflow:auto;”就行了。　　其实这两种定义方法一种是针对IE的，一种是针对FF的，两种都写上最然比较罗嗦，但也算是一种方法。下面是一些常用的...

    [阅读全文]

  • 　　以前在Dreamweaver中用表格布局网页的时候常常用到一种设计手法--隔行换色。也就是新闻列表或是列表类的每隔一行就换另一个色彩这样显得很漂亮也很合适阅读。所以这种手法被广大的设计师们收入囊中作为自己的又一把工具刀。但是随着网页标准浪潮的来袭，这种设计效果慢慢变得没有了，原因主要是来自于标准化后的这种效果的实现上。　　由于标准后我们都用UL来代替了表...

    [阅读全文]

  • 　　用惯了Windows的人对各种各样的鼠标样式一定不会陌生。当鼠标移动到不同的地方时，当鼠标执行不同的功能时，当系统处于不同的状态时，都会使鼠标的形状发生变化。而在网页上往往只有当鼠标在超级链接上时才出现一个手形，在其它地方似乎没有什么变化，同充满动感的网页显得不怎么和谐。实际上，用CSS可以方便地定义许多种鼠标形状。用本文介绍的方法，可以在网页的作何地方...

    [阅读全文]

  • 　　通过指定每一键接的不同风格以建立CSS翻滚效果，这些链接包括普通的链接link(normal),访问，翻转，以及激活。并且，你可能也知道CSS类型的顺序可以产生效果上的差别，CSS代码后顺序的风格将会取代针对于相同元素的前顺序的风格。建立翻滚效果的类型顺序显得相当重要。　　现在让我们看看如何安排链接状态的类型在不产生冲突的情况下支持正常的翻滚效果，并且如...

    [阅读全文]

  • 1、善用css缩写可以减少页面文件大小，提高下载速度，同时使代码简洁可读。如：div{border-top:1pxsolid#cccccc;border-left:1pxsolid#cccccc;border-right:1pxsoli#cccccc;border-bottom:1pxsolid#cccccc;}可以写为p{border:1pxsolid#c...

    [阅读全文]

  • 　　“输入框(Input)应当符合逻辑地划分为小组，这样大脑就可以很好的处理大堆区域间的关系。”–《HTML权威指南》　　Web应用程序总是利用表单来处理数据录入和配置，但并不是所有的表单都保持一致。输入区域的对齐方式，各自的标签(label)，操作方式，以及周围的视觉元素都会或多或少影响用户的行为。　　表单布局　　考虑到用户完成表单填写的时间应当尽可能的短...

    [阅读全文]

  • 　　想成为一名css专家，仅仅熟练使用CSS选择符（selectors）是远远不够的。还在于对工作的整体规划，工作流程的掌握以及提高样式表的可维护性和效率。在这篇文章里JinaBolton从12个顶尖设计师那里精选出了10种css应用技巧推荐给大家。　　最近，我一直在研究如何创建更具吸引力的样式表的方法。用css可以创建出我们想要的美妙绝伦的网站，而写css...

    [阅读全文]

  • 层叠样式表(CSS)是一系列格式设置规则，它们控制Web页面内容的外观。使用CSS设置页面格式时，内容与表现形式是相互分开的。页面内容(HTML代码)位于自身的HTML文件中，而定义代码表现形式的CSS规则位于另一个文件(外部样式表)或HTML文档的另一部分(通常为部分)中。使用CSS可以非常灵活并更好地控制页面的外观，从精确的布局定位到特定的字体和样式等。...

    [阅读全文]

  • 　　我们知道Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。　　近日有此需要，但发现加上nowrap在某些情况下还是会换行！无奈，没有一个强制不换行的方法吗？　　用CSS实现Table单元格数据自动换行或不换行的实现方法：　　1、强制换行：.AutoNewline{word-break:break-all;/*必须...

    [阅读全文]

  • 这个方法不单使用简单，而且FF、OP、IE7都支持，从此可以告别那又长兼容性又差的FF清浮动的方法了。方法真的很简单，只要为需要清浮动的标签加上overflow这个属性。ul{list-style:none;height:auto;margin:0;padding:0;background-color:#436973;}li{float:left;width...

    [阅读全文]

  • 　　HTML与CSS在Flash中的应用:　　不小心看到同事Den在弄个小东西：在Flash里使用HTML和CSS，代码是这样：varmyStyle:TextField.StyleSheet=newTextField.StyleSheet();myStyle.load("sample.css");content_txt.styleSheet=myStyle;...

    [阅读全文]

  • 　　1.检查HTML元素是否有拼写错误、是否忘记结束标记　　即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。　　2.检查CSS是否正确　　检查一下有无拼写错误、是否忘记结尾的}等。可以利用CleanCSS来检查CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。　　3.确定错误发生的...

    [阅读全文]

  • 　　CSS规范允许使用称作速记CSS的简略语法创建样式。速记CSS使您可以用一个属性标签指定多个属性的值。例如，您可以使用font属性在一行语法中设置font-style、font-variant、font-weight、font-size、line-height和font-family属性。　　使用速记CSS时需要注意的关键问题是速记CSS属性省略的值会被...

    [阅读全文]

  • 　　本文章介绍如何在Dreamweaver中使用层叠样式表(CSS)设置页面中的文本格式。您可以使用CSS以HTML无法提供的方式来设置文本格式和定位文本，从而能更加灵活自如地控制页面的外观。　　了解CSS　　层叠样式表(CSS)是一系列格式设置规则，它们控制Web页面内容的外观。使用CSS设置页面格式时，内容与表现形式是相互分开的。页面内容(HTML代码)...

    [阅读全文]

  • 　　尽管对于现如今的带宽来说，网页文件那仅以K来算的大小实在是微不足道，但如何将这以K来计算的网页文件精简到最小还是网页设计师们所应该考虑的问题之一。　　众所周之，在不影响整个网页构架与功能的情况下，网页文件越小越好，因为更小的网页文件有利于浏览器对网页的解释时间缩到更短，自然访客也就不用面临等待网页缓慢呈现的烦躁了，这一点对于那些带宽少网速慢的用户犹为明显...

    [阅读全文]

  • 　　一.介绍　　这篇文章包括了8个非常有用的解决办法,在进行css设计遇到问题时你就会用到它们.　　二.针对浏览器的选择器　　这些选择器在你需要针对某款浏览器进行css设计时将非常有用.　　IE6及其更低版本　　*html{}　　IE7及其更低版本　　*:first-child+html{}*html{}　　仅针对IE7　　*:first-child+htm...

    [阅读全文]

  • 　　个人总结了在开发css框架中的一点经验，献丑了。希望大家的讨论能使我们共同进步。:)　　1、css框架　　中国的互联网行业已经发展了10年，浏览器也从最早流行的NS到现在的FF3.IE7等等……前端开发工程师的职位也诞生了。近几年在web开发中，有个非常火的词——“框架”。YUI、JQuery、Prototype这些javascript框架在开发网站时，...

    [阅读全文]

  • 　　经常要保持CSS的整洁度和有序性。我喜欢将选择符按照样式的类别进行组织划分。　　重置样式(resetstyles)　　排版样式(typographystyles)　　布局样式(layoutstyles(header,content,footer,etc.))　　模块和widget样式moduleorwidgetstyles　　其他(etc).　　然后，在...

    [阅读全文]

  • 　　一位网友遇到了一个头疼的问题。需要对经过若干次修改以后的网站进行重整，需要剔除冗余的代码，在CSS样式重整方面，比较头疼，不仅需要对现有的样式进行合并与精简，还需要为网站增加换肤功能。　　不难看出，这是一个令人感觉很烦躁的工作，面对一行一行代码头皮发麻。如果我们养成良好的习惯，或许可以让工作更容易一些。就此问题与经验，以下的文字或许有很大的参考价值：　　...

    [阅读全文]

  • 　　如果使用注释的方法得当的话，为你的CSS文件添加注释可以在开发过程中给予你和其他人很大的帮助。最常见的是为CSS样式规则添加提示信息，不过使用注释对优化组织结构和提升效用也很有帮助。　　提示和标签　　这是注释最常用的途径，可以为自己或其他开发人员留下提示信息可以避免后期引起的不必要的困惑和麻烦。这种应用简洁性最为重要。例如：　　/*Turnoffbord...

    [阅读全文]

  • 　　今天做了一个页面，在本地计算机上浏览好好的，但是传到服务器上却发现其中一个css样式表的类却失效了。开始以为是编码的错误，转换了一下却没发现变化，调整了格式还是不行。到底怎么回事呢？　　仔细检查这个类，发现这个类是以数字开头的，名称为“14pxBtn”。难道是数字开头的错误？修改成“Btn14px”以后，上传浏览，发现完全正常啦！难道要求这么严格吗？　　...

    [阅读全文]

  • 　　几天在用CSS写三列布局的时候突然想到的这样一个方法，这个想法自己都觉得有些疯狂，如果其中有什么不对的地方请各位不吝指教。　　当需要写一个三列布局的时候，一般情况下我会选择使用如下的DIV布局方式：　　　　使用这样的嵌套方式无疑可以使代码出错的概率减少很多，但同时这样的布局也略显复杂，对于后期的维护也略显不便。我们在布局导航时经常会使用到一个方法，那就是...

    [阅读全文]

  • 　　当我们布局一个网页的时候，经常会遇到这样的一种情况，那就是最终网页成型的宽度或是高度会超出我们预先的计算，其实就就是所谓的CSS的盒模型造成的。　　#test{margin:10px;padding:10px;width:100px;height:100px;}　　如上一段的代码，很多时候我们会把它所占的位置计算成width:120px，height:1...

    [阅读全文]

  • 　　按照CSS规范，浮动元素（floats）会被移出文档流，不会影响到块状盒子的布局而只会影响内联盒子（通常是文本）的排列。因此当其高度超出包含容器时，一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为，具体如何处理呢？　　有一种做法就是在父容器内再插入一个额外的标签，并令其清除浮动（clear）以撑大父容器。这种方法浏览器兼容性好，没...

    [阅读全文]

  • 　　首先介绍一下HTML文档与CSS的关联常见有4种方式：　　1、使用link标记　　＜linkrel="stylesheet"type="text/css"href="sheet.css"/＞　　2、使用style元素　　＜styletype="text/css"＞　　body{background:#fff;}　　h1{font-size:2em;}　　...

    [阅读全文]

  • 1.网页背景色的设置犯错机率：很大　　普遍性：较广　　犯错可能性：懒/不知道　　约2年前我曾发现21cn上出现过一次没有设置背景色的情况，当时我用Email通知了他们，自此之后这个问题我从没犯过。　　绝大部分人的窗口背景颜色都是白色，但如果象我这样个性的人，就会把windows窗口的背景颜色改成灰色或其他色，这样一来，如果你没有设置网页的背景颜色的话，你以为...

    [阅读全文]

  • 在html编辑器中，一般默认按回车总是出现<p></p>，当然按shift+enter可以是直接加<br>，而很多人希望按回车就是<br>换行而不是分段。一直有人问我这个问题，而我没有写代码测试就认为在onkeydown里面判断event.keyCode==13就可以判断并解决，而后来发现似乎并没有人能用这种方法解决成功。对此表示歉意！为此，仔细研究了一下，...

    [阅读全文]

  • 用表格做网页排版的时候，一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象：（总结了一下，只要在CSS中定义了如下句子，可保网页不会再被撑开了。table{table-layout:fixed;}td(word-break:break-all;word-wrap:break-word;)注释一下：1.第一条table{...

    [阅读全文]

 HTML/CSS   514   30   1/18页   9   7   1   2   3   4   5   8   :   GO