zoukankan      html  css  js  c++  java
  • base html / div / css / HTML / DIV / CSS

    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;DUppercase 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;TUppercase 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;YUppercase Y, acute accent
    &aelig;?Lowercase ae diphthing
    &aacute;áLowercase a, acute accent
    &acirc;aLowercase 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;eLowercase 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;tLowercase 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;yLowercase 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

  • 相关阅读:
    树形结构基础
    最长公共子序列
    四 过滤模式 map Only
    三 概要模式 2) MR倒排索引、性能分析、搜索干扰词。
    三 概要模式 1)数值概要 (单词计数记录计数最大值/最小值/计数平均值、中位数、标准差)
    一 梳理 从 HDFS 到 MR。
    个人学习源码的 HBase误区的总结 与 架构图
    15 hbase 学习(十五)缓存机制以及可以利用SSD作为存储的BucketCache
    13 hbase源码系列(十三)缓存机制MemStore与Block Cache
    HBase 系统架构
  • 原文地址:https://www.cnblogs.com/lindows/p/14390588.html
Copyright © 2011-2022 走看看