CSS - 本栏共有:113 篇文章 , 每页20 篇 ,  当前第4页 / 共6页
上一页  1 2 3 4 5 6  下一页
  • CSS继承----深入剖析
    发布日期: 2007-08-12 11:28:12    信息来源: Arting365.com   
    CSS的继承是指被包在内部的标签将拥有外部标签的样式性质。继承特性最典型的应用通常发挥在整个网页的样式预设，即整体布局声明。而需要要指定为其它样式的部份设定在个别元素里即可达到效果。这项特性可以给网页设计者提供更理想的发挥空间。但同时继承也有很多规则，应用的时候容易让人迷惑。　　CSS允许我们为文档设置......
  • 空格的宽度问题
    发布日期: 2007-08-12 11:27:18    信息来源: Arting365.com   
          首先对空格宽度的定义：空格，由于每个浏览器处理会有微小的不同，在这里我将可以选中的宽度作为空格的宽度。视觉宽度和可选中的宽度有 0~3px 的差异（由于 kerning table 的不同），但以下测试的三种浏览器中相同。又因在 ClearType（次像素平滑）情况下视觉宽度有所不同（据猜测可选中......
  • css背景渐变的技巧与方法
    发布日期: 2007-08-05 13:07:59    信息来源: Arting365.com   
    　用css实现网页背景渐变的代码如下： 一、从上往下渐变 Example Source Code:body{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);} 二、从左上至右下渐变  Example Source Code:body{FILTER: Alpha( style=1,opacity=25,finishOpacity=100......
  • 绿色下划线的简洁CSS导航代码
    发布日期: 2007-08-04 10:36:37    信息来源: Arting365.com   
    <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title><a href='http://www.admin5.com/webdesign/' target=_blank>网页制作</a></title><style>body{background-color:#292929;font-family:Arial, Helvetica, sans-serif;font-siz......
  • 批量消除链接虚线框方法
    发布日期: 2007-08-01 09:52:36      
    各位想必都知道，onfocus=”this.blur()”这条代码能消除链接时的虚线框，但你有没有想过，如果你的网页上有几个甚至上百个链接，而你又想要去掉上面那些讨厌的虚线框，内容来自中国站长资讯网(www.chinahtml.com)难道你还一个个去Ctrl+C、Ctrl+V，天哪！这对一个正常人来说绝对是个恶梦。也许你会说，用DW或其它文本编辑......
  • 网页制作总结CSS的小技巧
    发布日期: 2007-08-01 09:49:36    信息来源: Arting365.com   
    ul 标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。 一个兼容性调整(IE和Mozilla)的笨办法： 初学可能......
  • 引入样式表(css)的四种方式
    发布日期: 2007-08-01 09:49:06    信息来源: Arting365.com   
    一、使用STYLE属性： 将STYLE属性直接加在个别的元件标签里。 <元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...}例如： <TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%>这种用法的优点 是可灵巧应用样式於各标签中，但是缺点则是没有整篇文件的......
  • margin含义演示
    发布日期: 2007-08-01 09:48:18    信息来源: Arting365.com   
    <style>#idParentDiv{width:100%;height:3000px;padding:30px;background-color:buttonshadow;}#idDiv{width:400px;height:80px;background-color:#FFD700;padding:6px;}#idCodeDiv{width:100%;padding:4px;font-family:verdana,tahoma;margin:12px 0px 0px 0px;background-color:#EEEEEE;font-weight:bold;}</sty......
  • HTML网站标准Flash页面通过校验
    发布日期: 2007-07-31 06:38:34    信息来源: Arting365.com   
    1.embed是非法的<embed>标签是Netscape的私有标签，虽然<embed>标签应用广泛存在，但是从HTML3.2,HTML4.0到XHTML1.0，W3C都没有收录这个标签。使用<embed>标签的页面将不能通过W3C校验。 2.应该用objectW3C推荐的是<object>标签。甚至在XHTML2中，<img>都要被<object>所取代......
  • CSS制作水平导航菜单效果
    发布日期: 2007-07-31 06:37:13    信息来源: Arting365.com   
    <script>startList = function() {if (document.all&&document.getElementById) {navRoot = document.getElementById("nav");for (i=0; i<navRoot.childNodes.length; i++) {node = navRoot.childNodes[i];if (node.nodeName=="SPAN") {node.onmouseover=function() {this.className+=" over";}node.onmou......
  • CSS制作的垂直导航菜单效果
    发布日期: 2007-07-30 11:38:05    信息来源: Arting365.com   
    <script>startList = function() {if (document.all&&document.getElementById) {navRoot = document.getElementById("nav");for (i=0; i<navRoot.childNodes.length; i++) {node = navRoot.childNodes[i];if (node.nodeName=="LI") {node.onmouseover=function() {this.className+=" over";}node.onmouse......
  • 与表格边框有关的CSS语法
    发布日期: 2007-07-30 11:36:34    信息来源: Arting365.com   
          表格是数据的载体，不再是布局的方式，虽然我们不需要表格来进行网页布局了，但很多表格式的数据，还是需要表格这一形式发挥它的作用！ 　　我们知道Dreamweaver在表格制作方面做得非常出色，但是在某些时候还是必须结合css才能达到一些特定效果，下面我们先把有关表格边框的css语法整......
  • CSS提高网页的维护更新效率
    发布日期: 2007-07-30 11:35:42    信息来源: Arting365.com   
       随着互联网经济的不断发展，互联网上的专业网站、公众服务网站以及企业门户的数量都在飞速的增长，各网站的信息量也呈爆炸性增长的趋势。面对这些庞大的信息量，我们对网页中每一个栏目的增删，都会是一个很复杂的过程。为了提高网页的维护更新效率，我们可以使用样式表，来仅仅改变一个文件，就能达到同时改......
  • 关于CSS样式冲突排序的一个小试验
    发布日期: 2007-07-30 11:35:07    信息来源: Arting365.com   
    按照我们对CSS优先权的理解，最后定义的 CSS 样式将会覆盖在其之前定义的所有已经存在、或与之冲突的样式，比如下面这个例子：Example Source Code:p { color: red; background: yellow }p { color: green }　　以上的段落最终将呈现绿色的字体，并带有黄色的背景，这是因为最后定义的 color:green 将之前定义的 red 覆......
  • 在CSS中合理运用整体布局声明
    发布日期: 2007-07-25 09:20:14    信息来源: Arting365.com   
          1. 基本上，整体声明有两种方法，第一种就是针对一个标签，然后一次设定好几个样式。第二种就是同时对好几个标签设定相同的样式。下面这个例子就是：“针对一个标签，然后一次设定好几个样式”： <stype="text/css">     body{font-size:9pt;    fon......
  • 如何定义CSS元素的显示属性
    发布日期: 2007-07-23 07:11:38    信息来源: Arting365.com   
         处理HTML元素最关键的一个窍门，没有任何特别的，就是理解他们是如何工作的。大部分页面都可以使用一点点的标签组合起来，你可以为每一个你选定的标签样式化。浏览器默认的可视化样式元素由变化的字体样式、边界、补白和，和重要的，显示类型。      最基本的显示类型是内联in......
  • 利用CSS的Clip属性来创造多彩文字
    发布日期: 2007-07-22 06:10:57    信息来源: Arting365.com   
    原理 将二个相同而色彩不同的文字重合在一起，通过分别给其加 clip 属性，使上面和下面的文字被剪切位置不同，从而产生二种不同的色彩。 clip : 摘自苏沈小雨CSS手册clip : auto | rect ( number number number number ) 参数： auto : 　对象无剪切 rect ( number number number number ) : 依据上-右......
  • 微软风格的CSS横向菜单
    发布日期: 2007-07-21 07:10:14    信息来源: Arting365.com   
    <head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>水平导航菜单（DIV+CSS）</title><style type="text/css">body{background: #FFF; font-family: Arial, Helvetica, sans-serif; color: #666666; padding: 0px; margin: 5px;&nb......
  • CSS布局中如何组织样式表以便于简化、维护?
    发布日期: 2007-07-20 06:09:37    信息来源: Arting365.com   
          对于简单的Web站点，可以只使用一个CSS文件。对于大型的复杂站点，对样式表进行分割以便简化维护是一种好做法。如何分割样式表是需要仔细考虑的。我一般用一个CSS文件处理基本布局，用另一个文件处理版式和设计修饰。这样的话，在布局确定之后，就很少需要修改布局样式表。这可以防止布......
  • 如何将XHTML+CSS页面转换为打印机页面
    发布日期: 2007-07-19 06:51:25    信息来源: Arting365.com   
         在以前，为Web页面创建一个打印机友好的版本意味着要设计一个布局和格式都经过修改的单独页面，这样才能够在打印的时候获得令人满意的效果。现在，通过使用结构化的XHTML和CSS，你可以实现同样的效果而只用花费少得多的精力。从屏幕显示到打印效果　　大多数的Web页面都是设计适用于在计算机......
上一页  1 2 3 4 5 6  下一页