|
CSS 颜色大全 css 字体颜色,将颜色代码代替css里面的颜色，就可以。 div中控制某段字体 颜色4 j! v3 x4 C4 {
html代码) B8 l4 m* \" t" R/ V
<div id="sidebar">5 O6 k4 q- O1 y" {/ t5 S b
<span>CSS 颜色大全 css 字体颜色</span></div>
" V# a3 S4 J0 d& `& FCSS文件* C* K6 ^, C7 a* m6 [' W: t
#sidebar { }0 X% y/ N1 R! E" t0 i( @
#sidebar .span{ color:#FF0000 } 1 白色 #FFFFFF | 2 红色 #FF0000 | 3 绿色 #00FF00
o: `! b" W- a, T | 4 蓝色 #0000FF | 5 牡丹红 #FF00FF | 6 青色 #00FFFF6 K% |& l0 w) V3 S, S: X1 Y
| 7 黄色 #FFFF00 | 8 黑色 #000000 | 9 海蓝 #70DB93
: g/ D' O7 M& D; x& \ r' f | 10 巧克力色 #5C3317 | 11 蓝紫色 #9F5F9F | 12 黄铜色 #B5A642 | 13 亮金色 #D9D919 | 14 棕色 #A67D3D | 15 青铜色 #8C7853 | $ R3 m3 f- o$ v& O8 n
1 }! b% j8 `/ W. \7 [+ B" V4 n& j 16 2号青铜色 #A67D3D( H0 j" n$ M: Q& [( ?& {
| 17 士官服蓝色 #5F9F9F | 18 冷铜色 #D98719 | 19 铜色 #B87333 | 20 珊瑚红 #FF7F00 | 21 紫蓝色 #42426F | 22 深棕 #5C4033 | 23 深绿 #2F4F2F | 24 深铜绿色 #4A766E | 25 深橄榄绿 #4F4F2F | 26 深兰花色 #9932CD) ~6 @! p% a8 R' u8 g7 _; N
| 27 深紫色 #871F78 | 28 深石板蓝 #6B238E | 29 深铅灰色 #2F4F4F | 30 深棕褐色 #97694F | 32 深绿松石色 #7093DB | 32 深绿松石色 #7093DB | 33 暗木色 #855E42 | 34 淡灰色 #545454 | 35 土灰玫瑰红色#856363 | 36 长石色 #D19275% Z. M% x' v. S2 n, D
| 37 火砖色 #8E2323 | 62 褐红色 #8E236B | 63 中海蓝色 #32CD99 | 64 中蓝色 #3232CD | 65 中森林绿 #6B8E23
% L- g0 e6 o$ e' J& w$ ^ | 66 中鲜黄色 #EAEAAE | 67 中兰花色 #9370DB | 68 中海绿色 #426F42 | 69 中石板蓝色 #7F00FF | 70 中春绿色 #7FFF00 | 71 中绿松石色 #70DBDB | 72 中紫红色 #DB7093 | 73 中木色 #A68064 | 74 深藏青色 #2F2F4F | 75 海军蓝 #23238E" r6 ?% E; ~( p; }
| 76 霓虹篮 #4D4DFF | 77 霓虹粉红 #FF6EC7 | 78 新深藏青色 #00009C | 79 新棕褐色 #EBC79E | 80 暗金黄色 #CFB53B | 81 橙色 #FF7F00 | 82 橙红色 #FF2400 | 83 淡紫色 #DB70DB | 84 浅绿色 #8FBC8F | " D. [3 }% p7 C; C
85 粉红色 #BC8F8F9 O I7 G8 A# m+ n0 w% e
| 86 李子色 #EAADEA | 87 石英色 #D9D9F3 | 88 艳蓝色 #5959AB | 89 鲑鱼色 #6F4242 | 90 猩红色 #BC1717# u9 f" B% ]7 c7 _
| 91 海绿色 #238E68 | 92 半甜巧克力色#6B4226 | 93 赭色 #8E6B23 | 94 银色 #E6E8FA | 95 天蓝 #3299CC | 96 石板蓝 #007FFF | 97 艳粉红色 #FF1CAE | 98 春绿色 #00FF7F | 99 钢蓝色 #236B8E | 100 亮天蓝色 #38B0DE
2 ~6 a( o/ e( l' u' e | 101 棕褐色 #DB9370 | 102 紫红色 #D8BFD8 | 103 石板蓝色 #ADEAEA | 104 浓深棕色 #5C4033 | 105 淡浅灰色 #CDCDCD | 106 紫罗兰色#4F2F4F | 107 紫罗兰红色 #CC3299 | 108 麦黄色 #D8D8BF | 109 黄绿色 #99CC | * ^& f* I3 J, T# N* Z
|
; N. F: P& L. }- D | & U; k5 D5 Q$ ^) d; v& I
| 1 b& A4 [6 E: R+ C' Q6 b
|
) M c4 ` Z9 l |
css样式大全(整理版） 字体属性：(font)
7 M6 Q# I, I* x大小 {font-size:x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD
! C; l" m1 I- Y样式 {font-style blique;}(偏斜体) italic;(斜体) normal;(正常)
0 @! |% t- M) _行高 {line-height:normal;}(正常) 单位：PX、PD、EM
& R L& _( K' r3 T粗细 {font-weight:bold;}(粗体) lighter;(细体) normal;(正常)# f$ \& h2 i W) |" K' h( J
变体 {font-variant:small-caps;}(小型大写字母) normal;(正常)
" ^' K- D- |6 J6 n2 s" q8 \大小写 {text-transform:capitalize;}(首字母大写) uppercase;(大写) lowercase;(小写) none;(无)1 l0 I0 v8 g+ |7 k, ^
修饰{text-decoration: underline;}(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁) 常用字体： (font-family)
# p" ^8 f& u% j( C"Courier New", Courier, monospace, "Times New Roman",Times, serif, Arial, Helvetica, sans-serif, Verdana 背景属性： (background)
7 W8 H* D* S5 H& B. m2 V色彩{background-color: #FFFFFF;}
. ^1 n- T) v& O1 _- J+ M0 f图片{background-image: url();}- |8 V7 S" @5 D: [2 o+ I
重复{background-repeat: no-repeat;}8 o6 x( B4 C+ U8 h3 n" L+ u2 {, F
滚动{background-attachment: fixed;}(固定) scroll;(滚动)* b( v# }+ p/ L. Y. R- x l: c4 P
位置{background-position: left;}(水平) top(垂直);9 o4 {7 f4 K _; {4 s4 \/ a
简写方法 {background:#000url(..) repeat fixed left top;} /*简写·这个在阅读代码中经常出现，要认真的研究*/ 区块属性： (Block) /*这个属性第一次认识，要多多研究*/
# u+ h9 p! O A& v, ?字间距 {letter-spacing:normal;} 数值 /*这个属性似乎有用，多实践下*/% f. ~$ I1 f, c0 v2 _
对齐 {text-align:justify;}(两端对齐) left;(左对齐) right;(右对齐) center;(居中)
9 d1 j; t: l W7 E缩进 {text-indent: 数值px;}7 l* I9 G5 |: ?! W! r* Z
垂直对齐 {vertical-align:baseline;}(基线) sub;(下标) super;(下标) top; text-top;middle; bottom; text-bottom;# O6 q2 `- _* n8 W
词间距word-spacing:normal; 数值
% H, ~9 {8 @8 O+ V# w; g# g' q空格white-space:pre;(保留) nowrap;(不换行) 显示{display:block;}(块) inline;(内嵌) list-item;(列表项) run-in;(追加部分) compact;(紧凑) marker;(标记) table;inline-table; table-raw-group; table-header-group; table-footer-group;table-raw; table-column-group; table-column; table-cell; table-caption;(表格标题) /*display 属性的了解很模糊*/ 方框属性： (Box)
- h, Y& m) M5 a) j9 }8 Kwidth:;height:; float:; clear:both; margin:; padding:; 顺序：上右下左
/ r1 `8 ?! s! @$ v边框属性： (Border)
( g; N: {) U9 Y& y }6 \$ ?border-style: dotted;(点线) dashed;(虚线) solid; double;(双线) groove;(槽线) ridge;(脊状) inset;(凹陷) outset;- e5 \$ X1 o' U/ @
border-width:; 边框宽度
* w/ g5 l p& A/ u( z, |border-color:#; 简写方法border：width stylecolor; /*简写*/ 列表属性： (List-style)
( @' M6 R& K" k* i$ f类型list-style-type: disc;(圆点) circle;(圆圈) square;(方块) decimal;(数字) lower-roman;(小罗码数字) upper-roman;lower-alpha; upper-alpha;* J/ R3 i7 E* f, w/ I
位置list-style-positionutside;(外) inside;
! c! C. @9 N* U$ u/ n6 i图像list-style-image:url(..);
! q! B2 A, r8 Y9 O3 E: r7 a& D定位属性：(Position)- i4 `# J" r1 B, r
Position:absolute; relative; static;
8 L* q6 W$ E% A: c% ]/ M$ m5 Q' [. nvisibility: inherit; visible; hidden;8 L3 S0 W! q/ D+ b, G
overflow: visible; hidden; scroll; auto;1 C1 R5 c( U$ H
clip: rect(12px,auto,12px,auto) (裁切) css属性代码大全- a: P2 U' E" a5 t6 E
一 CSS文字属性：' k( F, b! y5 [9 `2 L L* f
color : #999999; /*文字颜色*/$ g# y$ I1 d% }# X/ d3 f$ D4 ~
font-family : 宋体,sans-serif; /*文字字体*/& g1 O+ j! q# {0 c& A; S f
font-size : 9pt; /*文字大小*/
E- J% w8 s/ o' } font-style:itelic; /*文字斜体*/
( R$ \7 d1 N% P, Q font-variant:small-caps; /*小字体*/, G4 w1 i% T0 |1 p" F- L" w! k
letter-spacing : 1pt; /*字间距离*/1 P8 _4 A3 ~, Q) o; T e$ P
line-height : 200%; /*设置行高*/
& ] z9 e# }3 h+ ^ font-weight:bold; /*文字粗体*/
- F7 J7 b Y. ?9 |: C) X7 Y vertical-align:sub; /*下标字*/
4 Y A7 n8 x# J1 S vertical-align:super; /*上标字*/
6 U. b6 P8 q6 _* s/ S text-decoration:line-through; /*加删除线*/1 C+ }6 ?' L* V( l: s
text-decoration: overline; /*加顶线*/
* b+ t% [- Q+ p$ O text-decoration:underline; /*加下划线*/. T( R5 a% m2 V( P% M+ A( h( _" G
text-decoration:none; /*删除链接下划线*/( B @2 W# j# f' C* n6 B1 Y
text-transform : capitalize; /*首字大写*/. M d( I6 u7 l8 B5 n$ I! `
text-transform : uppercase; /*英文大写*/+ {6 t1 N$ j5 D
text-transform : lowercase; /*英文小写*/# G9 J( D4 i3 o E
text-align:right; /*文字右对齐*/. ?6 B3 Y. a2 e' A+ t4 q) L$ m% l$ W/ p
text-align:left; /*文字左对齐*/, q% U% E y0 w2 C/ s) o
text-align:center; /*文字居中对齐*/
- H3 O3 `$ i Z4 e# r3 H text-align:justify; /*文字分散对齐*/6 z" H, u# Z" @* T1 j: k
vertical-align属性" k& Z H( H& Z- D" W+ n
vertical-align:top; /*垂直向上对齐*/
4 @& |. g! v' I' ~1 F# y vertical-align:bottom; /*垂直向下对齐*/
6 q3 Q1 V+ n+ l4 K1 @ vertical-align:middle; /*垂直居中对齐*/4 I! u( c. Y# `1 m
vertical-align:text-top; /*文字垂直向上对齐*/
6 A% M2 v4 n7 B/ q* p vertical-align:text-bottom; /*文字垂直向下对齐*/ CSS 属性： 字体样式(Font Style)
, v5 R6 n% o; `' [/ A' R 序号中文说明标记语法& h2 O0 v. u8 k' W6 ?) C- R
1 字体样式 {font:font-style font-variant font-weight font-sizefont-family}3 I# p& S( Z% T+ ]
2 字体类型 {font-family:"字体1","字体2","字体3",...}
% g1 _0 |7 Z1 v9 T- J" G 3 字体大小 {font-size:数值|inherit| medium| large| larger| x-large| xx-large|small| smaller| x-small| xx-small}
2 P+ n" u4 y5 f8 k& U 4 字体风格 {font-style:inherit|italic|normal|oblique} ]3 Y0 {4 Z3 w+ z4 R# x8 }: D
5 字体粗细 {font-weight:100-900|bold|bolder|lighter|normal;}1 C( C& q J' O9 D
6 字体颜色 {color:数值;}5 {. C7 t* r3 q) k" q
7 阴影颜色 {text-shadow:16位色值}8 m6 M3 t) D0 {6 u6 D; e, v
8 字体行高 {line-height:数值|inherit|normal;}
u) _% M' E6 ~+ T5 i' s8 y8 z 9 字 间 距 {letter-spacing:数值|inherit|normal}: s- a8 p' K4 a$ T7 g+ b7 B% c
10 单词间距 {word-spacing:数值|inherit|normal}
8 t8 @4 C: R. a. q 11 字体变形 {font-variant:inherit|normal|small-cps }# ]; } z7 \$ L( L
12 英文转换 {text-transform:inherit|none|capitalize|uppercase|lowercase}) C* V( u) b+ M% w
13 字体变形 {font-size-adjust:inherit|none}
o+ p& ?( ^/ t4 g9 p2 M& ] 14 字体{font-stretch:condensed|expanded|extra-condensed|extra-expanded|inherit|narrower|normal|semi-condensed|semi-expanded|ultra-condensed|ultra-expanded|wider}$ d/ S) [# o/ O6 F. s0 ~3 `. r
文本样式(Text Style)5 |% V$ i0 ?0 ?& ]
序号中文说明标记语法
2 |) e$ | H7 T" ?4 Z" s* \ 1 行 间 距 {line-height:数值|inherit|normal;}
& a0 f$ g3 H3 j8 z9 z7 d. G' R 2 文本修饰{text-decoration:inherit|none|underline|overline|line-through|blink} Y" U" `( U, K% I4 \& w: S
3 段首空格 {text-indent:数值|inherit}" u2 ]- J( a1 i& f0 h, K& A! k. v3 }
4 水平对齐 {text-align:left|right|center|justify}
" Z4 Z1 I! O6 L* T) r 5 垂直对齐 {vertical-align:inherit|top|bottom|text-top|text-bottom|baseline|middle|sub|super}
8 E2 I/ P, P: e; f8 Y/ u% m u 6 书写方式 {writing-mode:lr-tb|tb-rl}3 U7 X3 H; m& m" f. w
c) m9 s( C, b$ Z2 C* O1 y' I) X | 
发表于 2018-2-2 22:37:43
