刚接触设计工作的朋🔲友不得【yǒu bú dé】不使用🎵CSS，本文就🍢简单介🐸绍一些在使用CSS的时候经常用【jīng cháng yòng】到的一【dào de yī】些属性的使用🤟信息【xìn xī】，希望对【xī wàng duì】🌛你有所【nǐ yǒu suǒ】帮助。

一【yī】、可设置的【de】👎CSS属性【xìng】包⛑括🤑：字体属【zì tǐ shǔ】性【xìng】😵、文本属性【xìng】😵、颜色及背景属性【xìng】😵、边框属【biān kuàng shǔ】性【xìng】😵、容器属【róng qì shǔ】性【xìng】😵(边距属性【xìng】😵、填充属性【xìng】😵)、分类属🚲性【xìng】😵、鼠标属🥛性【xìng】😵。

二、基础属性

字体属【zì tǐ shǔ】性🌦：font-family font-style font-variant font-weight font-size

文本属【wén běn shǔ】🚌性：word-spacing letter-spacing text-decoration vertical-align text-transform

text-align text-indent line-height

颜色背【yán sè bèi】景属性🏒：color background(background-color background-image background-repeat

background-attachment background-position)

边框属【biān kuàng shǔ】🚏性：border(border-top border-right border-bottom border-left)(border-width

border-style border-color)

容器属性【xìng】♏：margin padding width height float clear

分类属性【xìng】🚻：display white-space list-style-type list-style-image list-style-position

list-style

鼠标属性【xìng】⏯：auto crosshair default hand move e-resize ne-resize nw-resize n-resize se-resize

sw-resize s-resize w-resize text wait help

三、CSS布局

CSS盒模型的理解【de lǐ jiě】对于【duì yú】CSS布局👷有很大帮助😆，每个元【měi gè yuán】🥁素都有【sù dōu yǒu】🦂一个📮元素盒。HTML布局通【bù jú tōng】🌀常使用div+CSS，将网页【jiāng wǎng yè】分为很【fèn wéi hěn】多方块，每个📮方块和整个📮总体都可以各【kě yǐ gè】用一个📮div容纳，然后用CSS对各个📮div进行布局👷。常用布😉局属性【jú shǔ xìng】🌠包括✅：margin padding float clear top right buttom left z-index position