asdfadfasdfdsa
Web Colorhttp://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 标记,你便会知道特殊字符的用处。
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ ISO Latin-1 特殊字符 :
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
<form>标记的target属性
http://www.allhtml.cn/tag/form/2006/7.htm
target=_blank,target=_parent,target=_self,target=_top
_blank | 将返回信息显示在新开的浏览器窗口中 |
_parent | 将返回信息显示在父级浏览器窗口中 |
_self | 将返回信息显示在当前浏览器窗口中 |
_top | 将返回信息显示在顶级浏览器窗口中 |
Html中的特殊字符
http://sailinglee.iteye.com/blog/446898
	 | 	 | Horizontal Tab | ||
|  | Line Feed | ||
  |   | Space | ||
! | ! | ! | ! | Exclamation Point |
" | " | " | " | Double Quote |
# | # | # | # | Number Sign |
& | & | & | & | Ampersand |
' | ' | ' | ' | Single Quote |
( | ( | ( | ( | Left Parenthesis |
) | ) | ) | ) | Right Parenthesis |
* | * | * | * | Asterisk (Star) |
, | , | , | , | Comma |
- | - | - | - | Hyphen |
. | . | . | . | Period |
/ | / | / | / | Forward Slash |
: | : | : | : | Colon |
; | ; | ; | ; | Semi-Colon |
? | ? | ? | ? | Question Mark |
@ | @ | @ | @ | At Sign |
[ | [ | [ | [ | Left Square Bracket |
\ | \ | \ | \ | Back Slash |
] | ] | ] | ] | Right Square Bracket |
^ | ^ | ^ | ^ | Caret |
_ | _ | _ | _ | Underscore |
{ | { | { | { | Left Curly Brace |
| | | | | | | | Vertical Bar |
} | } | } | } | Right Curly Brace |
~ | ˜ | ~ | ~ | Vertical Bar |
‚ | ‚ | ‚ | ‚ | Single Low Quote |
„ | &dbquo; | „ | „ | Double Low Quote |
… | … | … | Elipsis | |
† | † | † | † | Dagger |
‡ | ‡ | ‡ | ‡ | Double Dagger |
‹ | ‹ | ‹ | ‹ | Left Single Angle Quote |
‘ | ‘ | ‘ | ‘ | Left Single Quote |
’ | ’ | ’ | ’ | Right Single Quote |
“ | “ | “ | “ | Left Double Quote |
” | ” | ” | ” | Right Double Quote |
• | • | • | Small Bullet | |
– | – | – | – | En Dash |
— | — | — | — | Em Dash |
™ | ™ | ™ | ™ | Trademark |
› | › | › | › | Right Single Angle Quote |
|   |   | Non-Breaking Space | |
¡ | ¡ | ¡ | ¡ | Inverted Exclamation Point |
¦ | ¦ | ¦ | ¦ | Broken Vertical Bar |
© | © | © | © | Copyright |
ª | ª | ª | ª | Feminine Ordinal Indicator |
« | « | « | « | Left Angle Quote |
¬ | ¬ | ¬ | ¬ | Not Sign |
| ­ | ­ | ­ | Soft Hyphen |
® | ® | ® | ® | Registered Symbol |
° | ° | ° | ° | Degree |
² | ² | ² | ² | Superscript 2 |
³ | ³ | ³ | ³ | Superscript 3 |
µ | µ | µ | µ | Micro Sign |
¶ | ¶ | ¶ | ¶ | Pilcrow (Paragraph Sign) |
· | · | · | · | Middle Dot |
¹ | ¹ | ¹ | ¹ | Superscript 1 |
º | º | º | º | Masculine Ordinal Indicator |
» | » | » | » | Right Angle Quote |
¿ | ¿ | ¿ | ¿ | Inverted Question Mark |
℅ | ℅ | ℅ | Care Of | |
ⁿ | ⁿ | ⁿ | Superscript N | |
§ | § | § | § | Section Mark |
¨ | ¿ | ¿ | ¿ | Inverted Question Mark |
― | ― | ― | Horizontal Bar | |
‣ | ‣ | ‣ | Triangle Bullet | |
‾ | ‾ | ‾ | ‾ | Overline |
‼ | ‼ | ‼ | Double Exclamation Point | |
№ | № | № | 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;hl=en
http://docs.google.com/fileview?id=0B3I-OmZqvTr5ZWY5ZTNmNDUtZjMwNC00OGIyLTlmZDYtNzcwY2I0MTNiYTZh&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
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <title>雅安加油!</title>
- <style>
- html {
- -webkit-filter: grayscale(100%);<!--通过测试grayscale(1)跟grayscale(100%)特效是一样的-->
- -moz-filter: grayscale(100%);
- -ms-filter: grayscale(100%);
- -o-filter: grayscale(100%);
- filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
- _filter:none;
- }
- </style>
- </head>
- <body>
- <table>
- <tr>
- <td><img src="2013-04-21_155930.jpg"/></td>
- </tr>
- </table>
- </body>
- </html>
之前
end
相关推荐
<div class='box_base'></div> <div class='box_lid'></div> <div class='box_ribbon'></div> <div class='box_bow'> <div class='box_bow__left'></div> <div class='box_bow__right'></div> ...
<link href="css/base.css" rel="stylesheet"> <link href="css/index.css" rel="stylesheet"> </head> <div class="warp" id="banner"> <div class="layer"></div> <div class="header"> <div class=...
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> ...
"div+css防相册"是一种利用HTML的`<div>`元素、CSS样式以及JavaScript库jQuery来实现的图片展示方式,旨在防止图片被右键保存或通过其他手段盗取。这种技术常见于在线相册、画廊或者需要保护版权的图片展示场景。接...
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/...
黑马的案例,跟着视频学完后做的。 在练习HTML和CSS的同学们可以拿去参考,...1)base.css 2)orders.css 5、image文件夹 6、lib文件夹 7、upload文件夹 使用软件:PxCook、VSCode、Goolge Chrome 使用网站:iconfont
<link rel="stylesheet" href="https://code.jquery.com/ui/1.x.x/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/ui/1.x.x/jquery-ui.min.js"></script> ``` 最后,用jQuery来实现选项卡的...
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> ``` 接下来,我们要创建一些可排序...
link rel="stylesheet" href="css/base.css?3.1.64"> <!--初始化文件--> <link rel="stylesheet" href="css/menu.css?3.1.64"> <!--主样式--> </head> <body> <div id=...
比如,可以将基础样式(如字体大小、颜色等)放在`base.css`中;布局相关的样式放在`layout.css`中;特定组件的样式放在各自的模块文件中,如`module.css`等。 #### 五、注意事项 1. **命名规范**:遵循一定的命名...
"base.css-master.zip"这个压缩包文件很可能包含了一个基础的CSS样式库,用于实现背景颜色透明的效果。下面将详细探讨如何在CSS中设置背景颜色透明,以及它与HTML的交互。 1. **CSS颜色透明度**: CSS提供了多种...
- 外部样式:通过`<link rel="stylesheet" type="text/css" href="css/style.css" />`引用外部CSS文件。 - 内部样式:在`<head>`中使用`<style>`标签定义样式。 - 内联样式:直接在HTML标签中使用`style`属性定义...
2. 获取`<div>`的尺寸和CSS样式,确保`<canvas>`的大小与`<div>`匹配。 3. 将`<div>`的内容复制到`canvas`上。这一步通常涉及将`<div>`的HTML结构转化为DOM节点,然后使用`canvas`的`drawImage()`或`drawNode()`方法...
在网页开发中,JavaScript (JS)、层叠样式表(CSS) 和 分布式自定义元素(DIV) 是构建交互式用户界面的核心技术。"拖攥"功能是现代Web应用中常见的一种交互方式,允许用户通过鼠标或触摸设备直接操作元素进行移动。...
div显示上下滚动条的css代码 <div style="width:260px;height:120px; overflow-y:scroll; border:1px solid;"> 这里是你要显示的内容 </div> 修改div滚动条颜色的css代码 <div style="width:260px;height:120px; ...
<link rel="stylesheet" type="text/css" href="css/base.css"/> <link rel="stylesheet" type="text/css" href="css/index_style.css"/> </head> <!-- 页面内容 --> </body> </html> ``` - **CSS样式**:...
<link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/top-nav.css"> <link rel="stylesheet" href="css/nav-con.css"> <link rel="stylesheet" href="css/slideshow.css"> ...
<div><a href="#">Base Layers</a></div> ... </div> </li> <!-- 更多分类项 --> </ul> </div> </div> </div> </div> </div> ``` ##### CSS部分 ```css .sports-purple { background-color: #f5f5f5; }...
HTML 和 CSS 是构建网页的基本技术,对于初学者来说,理解这两者的核心概念至关重要。HTML (HyperText Markup Language) 是一种标记语言,用于描述网页结构,而 CSS (Cascading Style Sheets) 则负责控制网页的样式...