`

base html / div / css / HTML / DIV / CSS

    博客分类:
  • Java
阅读更多

asdfadfasdfdsa

Web Color

http://site.baidu.com/list/wannianli.htm

 

css colection

http://www.my3w.org/Web/tag/design

http://www.qooboo.com/

http://www.sunnymmc.com/

http://www.weacity.com/

http://wwA��8���"�%7{���P1�~r���ONi��?l�qg!�C! 8o1B�,���g��V\������"x>3���o�$6�}���3.���]�'�8��y�"�b�'���(`�^d�oG����g4�_a�E8��lpDH �:�Z:^��S7�p�V� ʂ�uq�nI8��v�8�A�Ὅg�=uj�����L1�y����][$��lk�((��=��Vz���K&�9O.cۃ��RI�r ֙�j��D�T�@��hGܘ���#������Wؒ�c�L�VFےr�H=����*�s:J-�0v��>�Ӎ��r�\Ɏc�̡�?��0�NxǢ�oaֳ�����$�,z�G<�El�Ӿ�m�>����49���/��o1�"̻��Fp6��*���l�\Z��!�ە7�bWhy<�v��n�>�u�s�e������A�<#��tQxOP�sIm����L,� >Z�%���8�'��9`�x�7�s�� Xv�_L�4r��o���<1|֒ͤ�]´��L�c�O����[cG�1�L1�AV�)YF�p��y�/�iWsC��c"���`mː�dfR?J�tmIum.+��~Yc;p����=����s�$�G���B5/�[~����Cce{f��BC� ���3�=p�@4��m;�_����6 ߹�8�.������}&����D�EFݒ3�$���:��a�*i+%r[;K�8�Z�=��@�p�<ǹ$��W����ቭ�D���#�A'9�N1�iXZ�+_'v��=8$���q��Y�2h��W0��H��Dt7דn�,��I<�P��?OATa�la�c6�HB�g�g�'�'��������a�����D�Wֺ���w�hn-���Al&ι�y�3]4���Ί �4������G>t�"I6��9�c�G�}�s�K_�c�+mtY�+�"��A�`�r@��2=�٧�`]�U�١eb�X�H$u���5����p��^h�6�QE��H�(á��zV]��xr�U%$O���[�ר$�b��k����rS�F��Gz�uX~�z��1�G0���Zҝ��� ��>h=����m�^�2����wco\�?w�8�'0]j6�V���$:�1��6)�,�� :�k*��_H&E�3HW�'�c<���A��D�;�1W��._�V����,j�/p�ɍ��T�� �f�]<�M2O4�cu@0�Ż�<Pd!�K�d��YL��Ps�H�'=��N� ��F��QR\��Iy�ܷt�RE�HX��@]ܓ�����~�&���گ�nŌG�P�����5�뚘��ה�7�>���y�1v,Ė'$�湱u9W�G��.=R��tޯW����n%\

URN 方式:xml namespace 可以多个命名空间表述一项资源

UNC 方式:\\servername\diskname\sharename\directory\filename

UNC ---> \\127.0.0.1\C$\

<protocol>://<servername>[:port]/<url-path>[?query-string]

URL --->

FireFox3.0中

其中 %3A表示":"符号,%20表示"空格".

file:///D:/Program%20Files/或 file:/D:/Program%20Files/或file://127.0.0.1/D:/Program%20Files

IE 7.0中

file:////192.168.116.222或file://192.168.116.222/D$或file://192.168.116.222/D$或\\192.168.116.222\D$

地址栏中

file:////192.168.116.222/C$或file://192.168.116.222/C$或\\192.168.116.222\c$或\\192.168.116.222\d$\Program Files

开始----运行中

file:////192.168.116.222/C$或file://192.168.116.122/C$或\\192.168.116.122\C$或\\192.168.116.122/C$

URL--->http://java.sun.com/products/servlet/index.html?id=09   

URI--->/products/servlet/index.html    

file://

FTP://

gopher://

HTTP://

HTTPS://

mailto:

MMS://

ed2k://

Flashget://

thunder://

news:msnews.microsoft.com

 

 

 

dafdsfadsfdasf

 

HTML 标记一览

 

 

 

标记 类型 译名或意义 作 用 备注
文件标记
<HTML> 文件声明 让浏览器知道这是 HTML 文件  
<HEAD> 开头 提供文件整体资讯  
<TITLE> 标题 定义文件标题,将显示于浏览顶端  
<BODY> 本文 设计文件格式及内文所在  
排版标记
<!--注解--> 说明标记 为文件加上说明,但不被显示  
<P> 段落标记 为字、画、表格等之间留一空白行  
<BR> 换行标记 令字、画、表格等显示于下一行  
<HR> 水平线 插入一条水平线  
<CENTER> 居中 令字、画、表格等显示于中间 反对
<PRE> 预设格式 令文件按照原始码的排列方式显示  
<DIV> 区隔标记 设定字、画、表格等的摆放位置  
<NOBR> 不折行 令文字不因太长而绕行  
<WBR> 建议折行 预设折行部位  
字体标记
<STRONG> 加重语气 产生字体加粗 Bold 的效果  
<B> 粗体标记 产生字体加粗的效果  
<EM> 强调标记 字体出现斜体效果  
<I> 斜体标记 字体出现斜体效果  
<TT> 打字字体 Courier字体,字母宽度相同  
<U> 加上底线 加上底线 反对
<H1> 一级标题标记 变粗变大加宽,程度与级数反比  
<H2> 二级标题标记 将字体变粗变大加宽  
<H3> 三级标题标记 将字体变粗变大加宽  
<H4> 四级标题标记 将字体变粗变大加宽  
<H5> 五级标题标记 将字体变粗变大加宽  
<H6> 六级标题标记 将字体变粗变大加宽  
<FONT> 字形标记 设定字形、大小、颜色 反对
<BASEFONT> 基准字形标记 设定所有字形、大小、颜色 反对
<BIG> 字体加大 令字体稍为加大  
<SMALL> 字体缩细 令字体稍为缩细  
<STRIKE> 画线删除 为字体加一删除线 反对
<CODE> 程式码 字体稍为加宽如<TT>  
<KBD> 键盘字 字体稍为加宽,单一空白  
<SAMP> 范例 字体稍为加宽如<TT>  
<VAR> 变数 斜体效果  
<CITE> 传记引述 斜体效果  
<BLOCKQUOTE> 引述文字区块 缩排字体  
<DFN> 述语定义 斜体效果  
<ADDRESS> 地址标记 斜体效果  
<SUB> 下标字 指数  
<SUP> 下标字 下标字  
清单标记
<OL> 顺序清单 清单项目将以数字、字母顺序排列  
<UL> 无序清单 清单项目将以圆点排列  
<LI> 清单项目 每一标记标示一项清单项目  
<MENU> 选单清单 清单项目将以圆点排列,如<UL> 反对
<DIR> 目录清单 清单项目将以圆点排列,如<UL> 反对
<DL> 定义清单 清单分两层出现  
<DT> 定义条目 标示该项定义的标题  
<DD> 定义内容 标示定义内容  
表格标记
<TABLE> 表格标记 设定该表格的各项参数  
<CAPTION> 表格标题 做成一打通列以填入表格标题  
<TR> 表格列 设定该表格的列  
<TD> 表格栏 设定该表格的栏  
<TH> 表格标头 相等于<TD>,但其内之字体会变粗  
表单标记
<FORM> 表单标记 决定单一表单的运作模式  
<TEXTAREA> 文字区块 提供文字方盒以输入较大量文字  
<INPUT> 输入标记 决定输入形式  
<SELECT> 选择标记 建立 pop-up 卷动清单  
<OPTION> 选项 每一标记标示一个选项  
图形标记
<IMG> 图形标记 用以插入图形及设定图形属性  
连结标记
<A> 连结标记 加入连结  
<BASE> 基准标记 可将相对 URL 转绝对及指定连结目标  
框架标记
<FRAMESET> 框架设定 设定框架  
<FRAME> 框窗设定 设定框窗  
<IFRAME> 页内框架 于网页中间插入框架 IE
<NOFRAMES> 不支援框架 设定当浏览器不支援框架时的提示  
影像地图
<MAP> 影像地图名称 设定影像地图名称  
<AREA> 连结区域 设定各连结区域  
多媒体
<BGSOUND> 背景声音 于背景播放声音或音乐 IE
<EMBED> 多媒体 加入声音、音乐或影像  
其他标记
<MARQUEE> 走动文字 令文字左右走动 IE
<BLINK> 闪烁文字 闪烁文字 NC
<ISINDEX> 页内寻找器 可输入关键字寻找于该一页 反对
<META> 开头定义 让浏览器知道这是 HTML 文件  
<LINK> 关系定义 定义该文件与其他 URL 的关系  
StyleSheet
<STYLE> 样式表 控制网页版面  
<span> 自订标记 独立使用或与样式表同用  

 

注:

 

  • 表示该标记属围堵标记,即需要关闭标记如 </标记>
  • 表示该标记属空标记,即不需要关闭标记。
  • IE 表示该标记只适用于 Internet Explorer。
  • NC 表示该标记只适用于 Netscape Communicator。
  • 反对 表示该标记不为 W3C 所赞同,通常这标记是 IE 或 NC 自订,且己为众所支 持,只是 HTML 标准中有其它同功能或更好的选择。
  • 弃用 表示该标记己为 W3C 所弃用,是过时的标记,但 HTML 具向下兼容的特 性,不用担心新浏览器不支援旧标记。
  • 表示该标记是 HTML 4.0 中新增的。

 

 

 

asdfadsfdsafdsa

 

 

特殊字符 <!-- -->
<!-- --> <!-- -->

<!-- -->

只要你认识了 HTML 标记,你便会知道特殊字符的用处。
HTML 原始码 显示结果 描述
&lt; < 小於号或显示标记
&gt; > 大於号或显示标记
&amp; & 可用於显示其它特殊字符
&quot; " 引号
&reg; ? 己注册
&copy; ? 版权
&trade; ? 商标
&ensp;   半方大的空白
&emsp;   全方大的空白
&nbsp;   不断行的空白
■ ISO Latin-1 特殊字符 :
HTML 原始码 显示结果 描述
&AElig; ? Uppercase AE diphthing
&Aacute; á Uppercase A, acute accent
&Acirc; ? Uppercase A, circumflex accent
&Agrave; à Uppercase A, grave accent
&Aring; ? Uppercase A, ring
&Atilde; ? Uppercase A, tilde
&Auml; ? Uppercase A, dieresis or umlaut mark
&Ccedil; ? Uppercase C, cedilla
&ETH; D Uppercase Eth, Icelandic
&Eacute; é Uppercase E, acute accent
&Ecirc; ê Uppercase E, circumflex accent
&Egrave; è Uppercase E, grave accent
&Euml; ? Uppercase E, dieresis or umlaut mark
&Iacute; í Uppercase I, acute accent
&Icirc; ? Uppercase I, circumflex accent
&Igrave; ì Uppercase I, grave accent
&Iuml; ? Uppercase I, dieresis or umlaut mark
&Ntilde; ? Uppercase N, tilde
&Oacute; ó Uppercase O, acute accent
&Ocirc; ? Uppercase O, circumflex accent
&Ograve; ò Uppercase O, grave accent
&Oslash; ? Uppercase O, slash
&Otilde; ? Uppercase O, tilde
&Ouml; ? Uppercase O, dieresis or umlaut mark
&THORN; T Uppercase THORN, Icelandic
&Uacute; ú Uppercase U, acute accent
&Ucirc; ? Uppercase U, circumflex accent
&Ugrave; ù Uppercase u, grave accent
&Uuml; ü Uppercase U, dieresis or umlaut mark
&Yacute; Y Uppercase Y, acute accent
&aelig; ? Lowercase ae diphthing
&aacute; á Lowercase a, acute accent
&acirc; a Lowercase a, circumflex accent
&agrave; à Lowercase a, grave accent
&aring; ? Lowercase a, ring
&atilde; ? Lowercase a, tilde
&auml; ? Lowercase a, dieresis or umlaut mark
&ccedil; ? Lowercase c, cedilla
&eth; e Lowercase eth, Icelandic
&eacute; é Lowercase e, acute accent
&ecirc; ê Lowercase e, circumflex accent
&egrave; è Lowercase e, grave accent
&euml; ? Lowercase e, dieresis or umlaut mark
&iacute; í Lowercase i, acute accent
&icirc; ? Lowercase i, circumflex accent
&igrave; ì Lowercase i, grave accent
&iuml; ? Lowercase i, dieresis or umlaut mark
&ntilde; ? Lowercase n, tilde
&oacute; ó Lowercase o, acute accent
&ocirc; ? Lowercase o, circumflex accent
&ograve; ò Lowercase o, grave accent
&oslash; ? Lowercase o, slash
&otilde; ? Lowercase o, tilde
&ouml; ? Lowercase o, dieresis or umlaut mark
&szlig; ? Lowercase sharp s, German (sz ligature)
&thorn; t Lowercase thorn, Icelandic
&uacute; ú Lowercase u, acute accent
&ucirc; ? Lowercase u, circumflex accent
&ugrave; ù Lowercase u, grave accent
&uuml; ü Lowercase u, dieresis or umlaut mark
&yacute; y Lowercase y, acute accent
&yuml; ? Lowercase y, dieresis or umlaut mark

<form>标记的target属性

http://www.allhtml.cn/tag/form/2006/7.htm

target=_blank,target=_parent,target=_self,target=_top

target属性值 属性值 描    述
_blank 将返回信息显示在新开的浏览器窗口中
_parent 将返回信息显示在父级浏览器窗口中
_self 将返回信息显示在当前浏览器窗口中
_top 将返回信息显示在顶级浏览器窗口中

Html中的特殊字符

http://sailinglee.iteye.com/blog/446898

Display Friendly Code Numerical Code Hex Code Description
    &#09; &#x09; Horizontal Tab
    &#10; &#x10; Line Feed
    &#32; &#x20; Space
! ! &#33; &#x21; Exclamation Point
" &quot; &#34; &#x22; Double Quote
# # &#35; &#x23; Number Sign
& &amp; &#38; &#x26; Ampersand
' ' &#39; &#x27; Single Quote
( ( &#40; &#x28; Left Parenthesis
) ) &#41; &#x29; Right Parenthesis
* * &#42; &#x2A; Asterisk (Star)
, , &#44; &#x2C; Comma
- - &#45; &#x2D; Hyphen
. . &#46; &#x2E; Period
/ / &#47; &#x2F; Forward Slash
: : &#58; &#x3A; Colon
; ; &#59; &#x3B; Semi-Colon
? ? &#63; &#x3F; Question Mark
@ @ &#64; &#x40; At Sign
[ [ &#91; &#x5B; Left Square Bracket
\ \ &#92; &#x5C; Back Slash
] ] &#93; &#x5D; Right Square Bracket
^ ^ &#94; &#x5E; Caret
_ _ &#95; &#x5F; Underscore
{ { &#123; &#x7B; Left Curly Brace
| | &#124; &#x7C; Vertical Bar
} } &#125; &#x7D; Right Curly Brace
~ &tilde; &#126; &#x7E; Vertical Bar
&sbquo; &#130; &#x82; Single Low Quote
&dbquo; &#132; &#x84; Double Low Quote
  &#133; &#x85; Elipsis
&dagger; &#134; &#x86; Dagger
&Dagger; &#135; &#x87; Double Dagger
&lsaquo; &#139; &#x8B; Left Single Angle Quote
&lsquo; &#145; &#x91; Left Single Quote
&rsquo; &#146; &#x92; Right Single Quote
&ldquo; &#147; &#x93; Left Double Quote
&rdquo; &#148; &#x94; Right Double Quote
  &#149; &#x95; Small Bullet
&ndash; &#150; &#x96; En Dash
&mdash; &#151; &#x97; Em Dash
&trade; &#153; &#x99; Trademark
&rsaquo; &#155; &#x9B; Right Single Angle Quote
  &nbsp; &#160; &#xA0; Non-Breaking Space
¡ &iexcl; &#161; &#xA1; Inverted Exclamation Point
¦ &brvbar; &#166; &#xA6; Broken Vertical Bar
© &copy; &#169; &#xA9; Copyright
ª &ordf; &#170; &#xAA; Feminine Ordinal Indicator
« &laquo; &#171; &#xAB; Left Angle Quote
¬ &not; &#172; &#xAC; Not Sign
­ &shy; &#173; &#xAD; Soft Hyphen
® &reg; &#174; &#xAE; Registered Symbol
° &deg; &#176; &#xB0; Degree
² &sup2; &#178; &#xB2; Superscript 2
³ &sup3; &#179; &#xB3; Superscript 3
µ &micro; &#181; &#xB5; Micro Sign
&para; &#182; &#xB6; Pilcrow (Paragraph Sign)
· &middot; &#183; &#xB7; Middle Dot
¹ &sup1; &#185; &#xB9; Superscript 1
º &ordm; &#186; &#xBA; Masculine Ordinal Indicator
» &raquo; &#187; &#xBB; Right Angle Quote
¿ &iquest; &#191; &#xBF; Inverted Question Mark
  &#8453; &#x2105; Care Of
  &#8319; &#x207F; Superscript N
§ &sect; &#167; &#xA7; Section Mark
¨ &iquest; &#191; &#xBF; Inverted Question Mark
  &#8213; &#x2015; Horizontal Bar
  &#8227; &#x2023; Triangle Bullet
&oline; &#8254; &#x203E; Overline
  &#8252; &#x203C; Double Exclamation Point
  &#8470; &#x2116; Number Word

ASCII Table

Decimal  Octal  Hex   Binary      Value
-------  -----  ---   ------      -----
  000    000    000   00000000    NUL  (Null char.)
  001    001    001   00000001    SOH  (Start of Header)
  002    002    002   00000010    STX  (Start of Text)
  003    003    003   00000011    ETX  (End of Text)
  004    004    004   00000100    EOT  (End of Transmission)
  005    005    005   00000101    ENQ  (Enquiry)
  006    006    006   00000110    ACK  (Acknowledgment)
  007    007    007   00000111    BEL  (Bell)
  008    010    008   00001000     BS  (Backspace)
  009    011    009   00001001     HT  (Horizontal Tab)
  010    012    00A   00001010     LF  (Line Feed)
  011    013    00B   00001011     VT  (Vertical Tab)
  012    014    00C   00001100     FF  (Form Feed)
  013    015    00D   00001101     CR  (Carriage Return)
  014    016    00E   00001110     SO  (Shift Out)
  015    017    00F   00001111     SI  (Shift In)
  016    020    010   00010000    DLE  (Data Link Escape)
  017    021    011   00010001    DC1  (XON) (Device Control 1)
  018    022    012   00010010    DC2      (Device Control 2)
  019    023    013   00010011    DC3  (XOFF)(Device Control 3)
  020    024    014   00010100    DC4      (Device Control 4)
  021    025    015   00010101    NAK  (Negative Acknowledgement)
  022    026    016   00010110    SYN  (Synchronous Idle)
  023    027    017   00010111    ETB  (End of Trans. Block)
  024    030    018   00011000    CAN  (Cancel)
  025    031    019   00011001     EM  (End of Medium)
  026    032    01A   00011010    SUB  (Substitute)
  027    033    01B   00011011    ESC  (Escape)
  028    034    01C   00011100     FS  (File Separator)
  029    035    01D   00011101     GS  (Group Separator)
  030    036    01E   00011110     RS  (Req to Send)(Rec Sep)
  031    037    01F   00011111     US  (Unit Separator)
  032    040    020   00100000     SP  (Space)
  033    041    021   00100001      !
  034    042    022   00100010      "
  035    043    023   00100011      #
  036    044    024   00100100      $
  037    045    025   00100101      %
  038    046    026   00100110      &
  039    047    027   00100111      '
  040    050    028   00101000      (
  041    051    029   00101001      )
  042    052    02A   00101010      *
  043    053    02B   00101011      +
  044    054    02C   00101100      ,
  045    055    02D   00101101      -
  046    056    02E   00101110      .
  047    057    02F   00101111      /
  048    060    030   00110000      0
  049    061    031   00110001      1
  050    062    032   00110010      2
  051    063    033   00110011      3
  052    064    034   00110100      4
  053    065    035   00110101      5
  054    066    036   00110110      6
  055    067    037   00110111      7
  056    070    038   00111000      8
  057    071    039   00111001      9
  058    072    03A   00111010      :
  059    073    03B   00111011      ;
  060    074    03C   00111100      <
  061    075    03D   00111101      =
  062    076    03E   00111110      >
  063    077    03F   00111111      ?
  064    100    040   01000000      @
  065    101    041   01000001      A
  066    102    042   01000010      B
  067    103    043   01000011      C
  068    104    044   01000100      D
  069    105    045   01000101      E
  070    106    046   01000110      F
  071    107    047   01000111      G
  072    110    048   01001000      H
  073    111    049   01001001      I
  074    112    04A   01001010      J
  075    113    04B   01001011      K
  076    114    04C   01001100      L
  077    115    04D   01001101      M
  078    116    04E   01001110      N
  079    117    04F   01001111      O
  080    120    050   01010000      P
  081    121    051   01010001      Q
  082    122    052   01010010      R
  083    123    053   01010011      S
  084    124    054   01010100      T
  085    125    055   01010101      U
  086    126    056   01010110      V
  087    127    057   01010111      W
  088    130    058   01011000      X
  089    131    059   01011001      Y
  090    132    05A   01011010      Z
  091    133    05B   01011011      [
  092    134    05C   01011100      \
  093    135    05D   01011101      ]
  094    136    05E   01011110      ^
  095    137    05F   01011111      _
  096    140    060   01100000      `
  097    141    061   01100001      a
  098    142    062   01100010      b
  099    143    063   01100011      c
  100    144    064   01100100      d
  101    145    065   01100101      e
  102    146    066   01100110      f
  103    147    067   01100111      g
  104    150    068   01101000      h
  105    151    069   01101001      i
  106    152    06A   01101010      j
  107    153    06B   01101011      k
  108    154    06C   01101100      l
  109    155    06D   01101101      m
  110    156    06E   01101110      n
  111    157    06F   01101111      o
  112    160    070   01110000      p
  113    161    071   01110001      q
  114    162    072   01110010      r
  115    163    073   01110011      s
  116    164    074   01110100      t
  117    165    075   01110101      u
  118    166    076   01110110      v
  119    167    077   01110111      w
  120    170    078   01111000      x
  121    171    079   01111001      y
  122    172    07A   01111010      z
  123    173    07B   01111011      {
  124    174    07C   01111100      |
  125    175    07D   01111101      }
  126    176    07E   01111110      ~
  127    177    07F   01111111    DEL
[转自:http://phoenix-ghk.iteye.com/blog/368541]
分享到:

http://yoloo.iteye.com/blog/123757

colspan rowspan 这两个属性用于创建特殊的表格。

colspan 是“column span(跨列)”的缩写。colspan 属性用在 td 标签中,用来指定单元格横向跨越的列数

例1:
在浏览器中将显示如下:

单元格1
单元格2 单元格3 单元格4

该例通过把colspan 设为“3”, 令所在单元格横跨了三列。如果我们将colspan 设为“2”,则该单元格将只跨越两列,于是有必要在第一行插入另外一个单元格,以确保两行占据相同的列数。

例2:

该例在浏览器中将显示如下:

 

 

 

 

单元格1 单元格2
单元格3 单元格4 单元格5

rowspan 的作用是指定单元格纵向跨越的行数

例3:

浏览器中将显示如下:

单元格1 单元格2
单元格3
单元格4

上例中的单元格1,其rowspan 被设为“3”,这表示该单元格必须跨越三行(本身一行,加上另外两行)。因此,单元格1和单元格2在同一行,而单元格3和单元格4形成独立的两行。

 

 

 

 

 

CSS 标准校验

http://jigsaw.w3.org/css-validator/

http://validator.w3.org/

IE6, IE7, IE8 CSS 兼容速查表

http://www.iteye.com/news/10821-ie

http://tutorialfeed.blogspot.com/2009/10/visual-cheat-sheet-css-compatiblity.html

http://docs.google.com/fileview?id=0B3I-OmZqvTr5NGQ2ZDUxMWUtN2RkNi00MWY1LWJkY2MtM2JiZTllYjY4ODE1&amp;amp;hl=en

http://docs.google.com/fileview?id=0B3I-OmZqvTr5ZWY5ZTNmNDUtZjMwNC00OGIyLTlmZDYtNzcwY2I0MTNiYTZh&amp;amp;hl=en

 

 

 

CSS样式表  / forntpage 2000

1、嵌入式   frontpage 2000新建 

2、内联式 H1 修该的方式 

3、外部样式  文件--新建网页 

 

一、CSS的四种使用方式
1,行内式  

 

<p style="color:#FF0000; font-size:20px; text-decoration:underline;">Content</p>   

 

2,链接式  

 

<head>     
<link href="1.css" type="text/css" rel="stylesheet"> 
</head> 

 

3,内嵌式

 

<head>   
<style type="text/css">   
<!--   
p{     
color:#FF00FF;     
text-decoration:underline;   
font-weight:bold;     
font-size:25px; 
}   
-->   
</style>   
</head> 

 

4,导入式  

 

<head>   
<style type="text/css">     
@import url(1.css);   
@import url('1.css');   
@import url("1.css");   
@import 1.css;   
@import '1.css';   
@import "1.css";   
</style>   
</head>   

这四种CSS使用方式在页面显示的优先顺序是1,行内式 > 2,链接式 > 3,内嵌式 > 4,导入式
二、CSS注释
代码
/* */

 

哀悼的CSS(网站变灰) / 汶川 / 雅安

http://jilongliang.iteye.com/blog/1851018

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  5. <title>雅安加油!</title>  
  6. <style>  
  7. html {  
  8.         -webkit-filter: grayscale(100%);<!--通过测试grayscale(1)跟grayscale(100%)特效是一样的-->  
  9.         -moz-filter: grayscale(100%);  
  10.         -ms-filter: grayscale(100%);  
  11.         -o-filter: grayscale(100%);  
  12.         filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
  13.         _filter:none;  
  14.     }  
  15. </style>  
  16.   
  17. </head>  
  18. <body>  
  19.   
  20. <table>  
  21.     <tr>  
  22.         <td><img src="2013-04-21_155930.jpg"/></td>  
  23.     </tr>  
  24. </table>  
  25. </body>  
  26. </html>  

 之前

 

之后

 

 

end

  • 大小: 17.6 KB
  • 大小: 10.8 KB
分享到:
评论

相关推荐

    CSS3的步骤流程查看动画特效.zip

     &lt;div class='box_base'&gt;&lt;/div&gt;  &lt;div class='box_lid'&gt;&lt;/div&gt;  &lt;div class='box_ribbon'&gt;&lt;/div&gt;  &lt;div class='box_bow'&gt;  &lt;div class='box_bow__left'&gt;&lt;/div&gt;  &lt;div class='box_bow__right'&gt;&lt;/div&gt;  ...

    免费仿爱奇艺官网影视网站模板html

    &lt;link href="css/base.css" rel="stylesheet"&gt; &lt;link href="css/index.css" rel="stylesheet"&gt; &lt;/head&gt; &lt;div class="warp" id="banner"&gt; &lt;div class="layer"&gt;&lt;/div&gt; &lt;div class="header"&gt; &lt;div class=...

    跳出div层对话框。。。。。。

    &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"&gt; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt; ...

    div+css防相册

    "div+css防相册"是一种利用HTML的`&lt;div&gt;`元素、CSS样式以及JavaScript库jQuery来实现的图片展示方式,旨在防止图片被右键保存或通过其他手段盗取。这种技术常见于在线相册、画廊或者需要保护版权的图片展示场景。接...

    最土团购商业wap版测试可以

    inflating: zuitu/static/js/xheditor/xheditor_plugins/multiupload/multiupload.html inflating: zuitu/static/js/xheditor/xheditor_plugins/multiupload/multiupload.js creating: zuitu/static/js/xheditor/...

    HTML5+CSS3前端小案例——移动端购物支付页面

    黑马的案例,跟着视频学完后做的。 在练习HTML和CSS的同学们可以拿去参考,...1)base.css 2)orders.css 5、image文件夹 6、lib文件夹 7、upload文件夹 使用软件:PxCook、VSCode、Goolge Chrome 使用网站:iconfont

    通过jquery+css实现选项卡功能

    &lt;link rel="stylesheet" href="https://code.jquery.com/ui/1.x.x/themes/base/jquery-ui.css"&gt; &lt;script src="https://code.jquery.com/ui/1.x.x/jquery-ui.min.js"&gt;&lt;/script&gt; ``` 最后,用jQuery来实现选项卡的...

    Jquery Sortable实现div拖动排序效果

    &lt;link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"&gt; &lt;script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"&gt;&lt;/script&gt; ``` 接下来,我们要创建一些可排序...

    CSS3自适应左侧手风琴下拉菜单js代码.zip

    link rel="stylesheet" href="css/base.css?3.1.64"&gt; &lt;!--初始化文件--&gt; &lt;link rel="stylesheet" href="css/menu.css?3.1.64"&gt; &lt;!--主样式--&gt; &lt;/head&gt; &lt;body&gt; &lt;div id=...

    DVI+CSS常用布局标签

    比如,可以将基础样式(如字体大小、颜色等)放在`base.css`中;布局相关的样式放在`layout.css`中;特定组件的样式放在各自的模块文件中,如`module.css`等。 #### 五、注意事项 1. **命名规范**:遵循一定的命名...

    css背景颜色透明-base.css-master.zip

    "base.css-master.zip"这个压缩包文件很可能包含了一个基础的CSS样式库,用于实现背景颜色透明的效果。下面将详细探讨如何在CSS中设置背景颜色透明,以及它与HTML的交互。 1. **CSS颜色透明度**: CSS提供了多种...

    学习web前端开发html必备的开发文档

    - 外部样式:通过`&lt;link rel="stylesheet" type="text/css" href="css/style.css" /&gt;`引用外部CSS文件。 - 内部样式:在`&lt;head&gt;`中使用`&lt;style&gt;`标签定义样式。 - 内联样式:直接在HTML标签中使用`style`属性定义...

    HTML DIV下载为图片 JS下载IDV为图片下载例子(亲测有效)

    2. 获取`&lt;div&gt;`的尺寸和CSS样式,确保`&lt;canvas&gt;`的大小与`&lt;div&gt;`匹配。 3. 将`&lt;div&gt;`的内容复制到`canvas`上。这一步通常涉及将`&lt;div&gt;`的HTML结构转化为DOM节点,然后使用`canvas`的`drawImage()`或`drawNode()`方法...

    JS +CSS+DIV 拖攥 模块显示隐藏 换肤

    在网页开发中,JavaScript (JS)、层叠样式表(CSS) 和 分布式自定义元素(DIV) 是构建交互式用户界面的核心技术。"拖攥"功能是现代Web应用中常见的一种交互方式,允许用户通过鼠标或触摸设备直接操作元素进行移动。...

    jQuery UI custom

    div显示上下滚动条的css代码 &lt;div style="width:260px;height:120px; overflow-y:scroll; border:1px solid;"&gt; 这里是你要显示的内容 &lt;/div&gt; 修改div滚动条颜色的css代码 &lt;div style="width:260px;height:120px; ...

    HTML网页设计制作——初音动漫(6页) dreamweaver作业静态HTML网页设计模板

    &lt;link rel="stylesheet" type="text/css" href="css/base.css"/&gt; &lt;link rel="stylesheet" type="text/css" href="css/index_style.css"/&gt; &lt;/head&gt; &lt;!-- 页面内容 --&gt; &lt;/body&gt; &lt;/html&gt; ``` - **CSS样式**:...

    制作一个企业网站——html华为官网购物商城项目的设计与实现

    &lt;link rel="stylesheet" href="css/base.css"&gt; &lt;link rel="stylesheet" href="css/top-nav.css"&gt; &lt;link rel="stylesheet" href="css/nav-con.css"&gt; &lt;link rel="stylesheet" href="css/slideshow.css"&gt; ...

    【JavaScript源代码】js实现鼠标移入移出卡片切换内容.docx

    &lt;div&gt;&lt;a href="#"&gt;Base Layers&lt;/a&gt;&lt;/div&gt; ... &lt;/div&gt; &lt;/li&gt; &lt;!-- 更多分类项 --&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; ``` ##### CSS部分 ```css .sports-purple { background-color: #f5f5f5; }...

    学习css及html中主要内容的总结。希望对初学则有帮助

    HTML 和 CSS 是构建网页的基本技术,对于初学者来说,理解这两者的核心概念至关重要。HTML (HyperText Markup Language) 是一种标记语言,用于描述网页结构,而 CSS (Cascading Style Sheets) 则负责控制网页的样式...

Global site tag (gtag.js) - Google Analytics