css鏂囨湰鏍峰紡

匿名 (未验证) 提交于 2019-12-02 16:45:31

1.鏂囨湰棰滆壊color

渚嬪h1 {color:red;}

2.鏂囨湰鏂瑰悜direction锛屼笉甯哥敤

榛樿ltr浠庡乏鍒板彸锛宺tl琛ㄧず浠庡彸鍒板乏

3.鏂囨湰姘村钩瀵归綈鏂瑰紡text-align

濡傛灉鏂囨湰鏂瑰悜涓簂tr鍗充粠宸﹀埌鍙冲垯榛樿宸﹀榻愶紝濡傛灉鏂囨湰鏂瑰悜涓簉tl鍗充粠鍙冲埌宸﹀垯榛樿鍙冲榻忺/span>

left銆乧enter銆乺ight銆乯ustify鍒嗗埆琛ㄧず宸﹀榻愩€佸眳涓€佸彸瀵归綈銆佷袱绔榻忺/span>

4.鏂囨湰鍨傜洿瀵归綈鏂瑰紡vertical-align锛屼笉甯哥敤

榛樿涓篵aseline锛屾斁鍦ㄧ埗鍏冪礌鐨勫熀绾夸笂

5.璁剧疆鎴栧垹闄ゆ枃鏈殑瑁呴グtext-decoration

榛樿涓簄one鏍囧噯鏂囨湰锛岃繖瀵逛簬閾炬帴鏉ヨ浼氬幓鎺変笅闈㈢殑涓嬪垝绾军/span>

underline銆乷verline銆乴ine-through銆乥link鍒嗗埆琛ㄧず鏂囨湰涓嬬殑涓€鏉$嚎銆佹枃鏈笂鐨勪竴鏉$嚎銆佺┛杩囨枃鏈殑涓€鏉$嚎銆侀棯鐑佺殑鏂囨湰

6.鏂囨湰棣栬缂╄繘text-indent

榛樿0涓嶇缉杩涳紝text-indent:50px琛ㄧず缂╄繘50px

7.鍗曡瘝闂磋窛word-spacing锛屼粎瀵硅嫳鏂囧崟璇嶆湁鏁堬紝涓嶅父鐢?/span>

榛樿涓簄ormal锛寃ord-spacing:30px琛ㄧず鍗曡瘝涔嬮棿鐨勯棿璺濅负30px

8.瀛楃闂磋窛letter-spacing锛屼笉甯哥敤

榛樿涓簄ormal锛宭etter-spacing:2px琛ㄧず瀛楃闂磋窛涓?px锛屽瓧绗﹂棿璺濆彲鍙栬礋鍊稽/span>

9.琛岄珮line-height

榛樿涓簄ormal锛屽彲閫氳繃鍏蜂綋鍊兼垨鑰卬%琛ㄧず

10.鏂囨湰杞崲text-transform

uppercase銆乴owercase銆乧apitalize鍒嗗埆琛ㄧず灏嗚嫳鏂囧瓧姣嶈浆鎹负澶у啓銆佸皬鍐欍€佸崟璇嶉瀛楁瘝澶у啓

11.鍏冪礌鍐呯┖鐧界殑澶勭悊鏂瑰紡white-space

榛樿涓簄ormal琚祻瑙堝櫒蹇界暐锛孅/span>

nowrap锛氫笉鎹㈣锛屽湪涓婁竴琛岀户缁繘琛岋紝鐩村埌閬囧埌
鎹㈣鏍囩

pre锛氳娴忚鍣ㄤ繚鐣欙紝绫讳技html涓殑

鏍囩

pre-nowrap锛氫繚鐣欑┖鐧界搴忓垪锛屼絾鏄甯稿湴杩涜鎹㈣

pre-line锛氬悎骞剁┖鐧界搴忓垪锛屼絾鏄繚鐣欐崲琛岀

12.鏂囨湰闃村奖text-shadow

榛樿涓簄one

濡傛灉鏈夐槾褰卞垯闇€鎸囨槑姘村钩鍜屽瀭鐩存柟鍚戯紝鍗砲-shadow v-shadow

璇硶text-shadow:h-shadow v-shadow blur color

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!