CSS教程:网页文本渐变

CSS教程:网页文本渐变的相关文章

• 
  CSS实例教程：制作网页气泡状文本框

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  气泡对话框在网页中经常用于说明提示等功能，可以形象生动的现实一些需要用户注意的文字与内容，本文介绍仅用CSS来实现这种简单的网页效果。 气泡状文本框，是一种很生动的网页设计手段。 它可以用来表示用户的发言。 也可以用来作为特定信息的提示符。 DVD租借网站Netflix，还用它显示碟片的详细信息。 制作CSS气泡框的传统方法，需要5张背景图片，分别是： * tl.gif，左上方的圆角。 ...[ 查看全文 ]

  ranccf2

  31
• 
  CSS基础教程:CSS的Text 文本

  标签：Web开发

  有一系列属性可以改变网页文字的大小和形状，概要如下： font-family 文字使用的字体，比如宋体，Times New Roman，Arial等等 这个属性必须详细制定，不能使用偏僻的字体，要使用安全字体（比如arial，verdana和times new roman和宋体），可以同时指定许多字体，只要使用逗号分开即可。这样的用意是，如果用户电脑里没有第一个字体浏览器可以使用后面指定的字体。这非常有用...[ 查看全文 ]

  小杰的领域

  51
• 
  CSS文本：direction

  标签：Web开发

  direction版本：CSS2 兼容性：IE5+ 继承性：有 语法： direction : ltr | rtl | inherit 取值： ltr : 默认值。文本从左到右流入 rtl : 文本从右到左流入 inherit : 文本流入方向由继承获得 说明： 用于设置文本流入的方向。请参阅对象的 dir 属性。 此属性不会影响拉丁文的字母数字字符，它们总是以 ltr 值被呈递。但是此属性会作用于拉丁文的标点符号。 假如您想应用此属性于内联文...[ 查看全文 ]

  小羽小西

  31
• 
  CSS教程关于css框架网页设计

  标签：Web开发

  个人总结了在开发css框架中的一点经验，献丑了。希望大家的讨论能使我们共同进步。:) 1、css框架 中国的互联网行业已经发展了10年，浏览器也从最早流行的NS到现在的FF3.IE7等等前端开发工程师的职位也诞生了。近几年在web开发中，有个非常火的词框架。YUI、JQuery、Prototype这些javascript框架在开发网站时，确实成为前端开发工程师的手中利器。为什么呢？因为框架是包含工具、函数库、约定，以及尝试从...[ 查看全文 ]

  中国城市委员会

  51
• 
  CSS滤镜:颜色渐变

  标签：Web开发

  table cellpadding="0" cellspacing="0" width="100%" height="22" border="0" tr td id="msviRegionIdGraphic" bgcolor="#FFFFFF"/td td id="msviRegionGradient1" width="50%" style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#98B2E6', gradientType='1')"/td td id="msviRegionGradient2" width="50%" style="filter:progid:DX...[ 查看全文 ]

  萧天赐0

  01
• 
  CSS3网页制作实例:实现网页文字渐变内发光投影

  标签：Web开发

  做了个css3文字效果，涉及css3投影，渐变，蒙版，伪类等知识点，现在写下设计思路，仅供参考。发个效果图大家看先： 投影shadowbox-shadow 一般我们都是用css3的box-shadow来实现盒投影，用text-shadow来实现文字投影，box-shadow设置方型盒子投影，用raidus的话可以让盒子产生圆角，看起来就很圆滑舒服，一般的写法是这样的： -moz-box-shadow:1px 1px 5px #000; 1px(水平方向偏移)  1px(垂直方...[ 查看全文 ]

  恺撒gx20

  31
• 
  CSS基础教程:CSS网页布局Page Layout

  标签：Web开发

  使用CSS布局非常简单，如果你习惯使用tables布局，可能开始时有点困难，但其实很容易，事实上只是观念的不同。 你需要把网页的每个部分看成独立的块，你可以绝对或相对定位块。 Positioning 定位 positon属性可以指定元素为absolute,relative,static或是fixed。 static是元素默认属性，按HTML出现的先后顺序。 relative比较像static，但元素可以使用top,right,bottom和left设定初始...[ 查看全文 ]

  郜芷伊

  61
• 
  CSS文本：word-wrap

  标签：Web开发

  语法： word-wrap : normal | break-word 取值： normal :？ 默认值。允许内容顶开指定的容器边界 break-word :？ 内容将在边界内换行。如果需要，词内换行( word-break )也将发生 说明： 设置或检索当当前行超过指定容器的边界时是否断开转行。 此属性仅作用于有布局的对象，如块对象。内联要素要使用该属性，必须先设定对象的 height 或 width 属性，或者设定 position 属性为 absolute ，或...[ 查看全文 ]

  望海的女人a

  21
• 
  CSS文本：layout-grid

  标签：Web开发

  语法： layout-grid : layout-grid-mode || layout-grid-type || layout-grid-line || layout-grid-char 取值： 该属性是复合属性。请参阅各参数对应的属性。 默认值为：both loose none none。 说明： 设置或检索复合文档中指定文本字符版式的网格特性。 以东亚语言(如中文，日文)编写的文档通常根据一维或二维网格使用字符的页面版式。 对应的脚本特性为 layoutGrid 。 示例： div { layo...[ 查看全文 ]

  天涯共此时1992

  11
• 
  CSS文本：ime-mode

  标签：Web开发

  语法： ime-mode : auto | active | inactive | disabled 取值： auto : 默认值。不影响IME的状态。与不指定 ime-mode 属性时相同 active : 指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME inactive : 指定所有不使用IME输入的字符。即激活非本地语言。用户仍可以撤销激活IME disabled : 完全禁用IME。对于有焦点的控件(如输入框)，用户不可以激活IME 说明： ...[ 查看全文 ]

  Tomorrow_hand

  21
• 
  CSS文本:text-indent

  标签：Web开发

  text-indent版本：CSS1 兼容性：IE4+ NS4+ 继承性：无 语法： text-indent : length 取值： length : 百分比数字 | 由浮点数字和单位标识符组成的长度值，允许为负值。请参阅 长度单位 说明： 检索或设置对象中的文本的缩进。默认值为 0 。 在被另一个对象(如 br )断开的对象内不能应用本属性。 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 对应的脚本特性为 ...[ 查看全文 ]

  虹飞天

  31
• 
  CSS文本：layout-flow

  标签：Web开发

  layout-flow版本：IE5.5+专有属性 继承性：有 语法： layout-flow : horizontal | vertical-ideographic 取值： horizontal :？ 默认值。对象中的内容自左边流入。下一行在前一行下面。这个值适用于拉丁语系 vertical-ideographic :？ 对象中的内容自上而下流入，下一行在前一行左面。这个值适用于亚洲语系 说明： 设置或检索对象内文本的流动和方向。 当此属性值发生变化时， text-align 属...[ 查看全文 ]

  Hala928

  51
• 
  CSS文本：white-space

  标签：Web开发

  语法： white-space : normal | pre | nowrap 取值： normal : 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行 pre : 换行和其他空白字符都将受到保护。这个值需要IE6+或者 !DOCTYPE 声明为 standards-compliant mode 支持。如果 ! DOCTYPE 声明没有指定为 standards-compliant mode ，此属性可以使用，但是不会发生作用。结果等同于 normal 。参阅 pre 对象 nowra...[ 查看全文 ]

  白小宫沫

  11
• 
  CSS文本：ruby-overhang

  标签：Web开发

  语法： ruby-overhang : auto | whitespace | none 取值： auto : 默认值。  ruby 文本突出相邻基本文本的任何其他文本 whitespace : ruby 文本只突出空白区域的字符 none : ruby 文本只突出相邻基本文本的任何其他文本 说明：设置或检索通过 rt 对象指定的注释文本或发音指南(参考 ruby 对象)的位置。此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。对应的脚...[ 查看全文 ]

  温柔可靠刘大美

  111
• 
  CSS文本：ruby-align

  标签：Web开发

  语法： ruby-align : auto | left | center | right | distribute-letter | distribute-space | line-edge 取值： auto : 默认值。由浏览器确定对齐方式。对于ideographic(东亚)文本以 distribute-space 值对齐。对于Latin文本以 center 值对齐 left : 根据基本宽度左对齐 center : 根据基本宽度居中对齐。如果基本宽度小于 ruby 文本的宽度，那么基本宽度在 ruby 文本的宽度中居中 right :...[ 查看全文 ]

  多余不是我的错

  151
• 
  CSS文本：vertical-align

  标签：Web开发

  vertical-align版本：CSS1/CSS2 兼容性：IE4+ NS4+ 继承性：无 语法： vertical-align : auto | baseline | sub | super | top | text-top | middle | bottom | text-bottom | length 取值： auto : CSS1 根据 layout-flow 属性的值对齐对象内容 baseline : CSS1 默认值。将支持 valign 特性的对象的内容与基线对齐 sub : CSS1 垂直对齐文本的下标 super : CSS1 垂直对齐文本的上标 ...[ 查看全文 ]

  老衲今日纳妾

  41
• 
  CSS滤镜技巧:颜色渐变

  标签：Web开发

  table cellpadding="0" cellspacing="0" width="100%" height="22" border="0"   tr   td bgcolor="#FFFFFF"/td   td width="50%"/td   td width="50%"/td   /tr   /table [ 查看全文 ]

  乳名叫三秃

  01
• 
  CSS文本：ruby-position

  标签：Web开发

  语法： ruby-position : above | inline 取值： above :？ 默认值。在基本文本上方定位 ruby 文本 inline :？ ruby 文本与基本文本内联 说明： 设置或检索通过 rt 对象指定的注释文本或发音指南(参考 ruby 对象)的位置。 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 对应的脚本特性为 rubyPosition 。 示例： ruby { ruby-position: above; } [ 查看全文 ]

  汪XWW525

  81
• 
  CSS文本：text-align

  标签：Web开发

  text-align版本：CSS1 兼容性：IE4+ 继承性：有 语法： text-align : left | right | center | justify 取值： left : 默认值。左对齐 right : 右对齐 center : 居中对齐 justify : 两端对齐 说明： 设置或检索对象中文本的对齐方式。 此属性作用于所有块对象(block elements)。在一个 div 对象里的所有块对象的会继承此属性值。 假如属性没有设置，这个参数将获取 null 值。 此...[ 查看全文 ]

  稳稳滴幸福琳琳

  41
• 
  CSS文本：line-break

  标签：Web开发

  语法： line-break : normal | strict 取值： normal : 默认值。应用日文文本的默认换行规则 strict : 强制日文文本换行规则的严谨性 说明： 设置或检索用于日文文本的换行规则。 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 对应的脚本特性为 lineBreak 。 示例： div { line-break : strict; } [ 查看全文 ]

  wjx_king

  21