常见的CSS属性和值

1、CSS中修饰字体的属性font: | | ? / ? font: italic bold 20px;CSS中常见的控制文本的属性 CSS中常见的控制背景的属性 background: | | | | 应用多个图标放到同一个图片里f多个图标放到同一个图片里，通过定多个图标放到同一个图片里，通过定义某区块的背景定位，调用同一个图义某区块的背景定位，调用同一个图片中不同位置上的小图标，好处是可片中不同位置上的小图标，好处是可以减少对服务器的请求次数，从而加以减少对服务器的请求次数，从而加快页面的访问速度快页面的访问速度边框属性 f任何一个元素都可以设置边框任何一个元素都可以设置边框f边框属性是用于设

2、置一个元素边框风格、边框宽边框属性是用于设置一个元素边框风格、边框宽度、边框颜色的略写，可以一起设置度、边框颜色的略写，可以一起设置4 4边的边框，边的边框，也可对上边框、右边框、下边框和左边框单独设也可对上边框、右边框、下边框和左边框单独设置。置。 边框风格属性f可以通过边框风格属性可以通过边框风格属性border-styleborder-style设定上下左设定上下左右边框的风格，该属性用于设置一个元素边框的右边框的风格，该属性用于设置一个元素边框的样式，而且必须用于指定可见的边框。可以使用样式，而且必须用于指定可见的边框。可以使用1 1到到4 4个关键字，如果四个值都给出了，它们分别应个

3、关键字，如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。用于上、右、下和左边框的式样。f如果给出一个值，它将被运用到各边上。如果给出一个值，它将被运用到各边上。f如果两个或三个值给出了，省略了的值与对边相如果两个或三个值给出了，省略了的值与对边相等等f也可以分别使用也可以分别使用border-top-styleborder-top-style、border-border-bottom-stylebottom-style、border-left-styleborder-left-style和和border-border-right-styleright-style属性单独设置各边的风

4、格属性单独设置各边的风格 各边的风格使用的属性值 fnonenone：没有边框，无论边框宽度设为多大：没有边框，无论边框宽度设为多大fdotteddotted：点线式边框：点线式边框fdasheddashed：破折线式边框：破折线式边框fsolidsolid：直线式边框：直线式边框fdoubledouble：双线式边框：双线式边框fgroovegroove：槽线式边框：槽线式边框fridgeridge：脊线式边框：脊线式边框finsetinset：内嵌效果的边框：内嵌效果的边框foutsetoutset：突起效果的边框：突起效果的边框边框宽度属性 f可以通过边框宽度属性可以通过边框宽度属性bo

5、rder-widthborder-width设定上下左设定上下左右边框的宽度，该属性用右边框的宽度，该属性用1 1到到4 4个值来设置元素的个值来设置元素的边界，值是一个关键字或长度，不允许使用负值边界，值是一个关键字或长度，不允许使用负值长度。长度。f如果四个值都给出了，它们分别应用于上、右、如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。下和左边框的式样。f如果只给出一个值，它将被运用到各边上。如果只给出一个值，它将被运用到各边上。f如果两个或三个值给出了，省略了的值与对边相如果两个或三个值给出了，省略了的值与对边相等。这个属性是上边框宽度、右边框宽度、下边等。这个属性是上边框

6、宽度、右边框宽度、下边框宽度和左边框宽度属性的略写。框宽度和左边框宽度属性的略写。f也可以分别使用也可以分别使用border-top-widthborder-top-width、border-border-bottom-widthbottom-width、border-left-widthborder-left-width和和border-border-right-widthright-width属性单独设置各边的宽度。除了可属性单独设置各边的宽度。除了可以使用长度单位定值外，还可以用以使用长度单位定值外，还可以用mediummedium（是默（是默认值）、认值）、thinthin（比（比me

7、diummedium细）或细）或thickthick（比（比mediummedium粗）粗）值。值。 边框颜色属性 f可以通过边框颜色属性可以通过边框颜色属性border-colorborder-color设定上下左右边框的颜色，可以使用设定上下左右边框的颜色，可以使用1 1到到4 4个关键字。如果四个值都给出了，个关键字。如果四个值都给出了，它们分别应用于上、右、下和左边框它们分别应用于上、右、下和左边框的式样。如果给出一个值，它将被运的式样。如果给出一个值，它将被运用到各边上。如果两个或三个值给出用到各边上。如果两个或三个值给出了，省略了的值与对边相等了，省略了的值与对边相等略写的边框属性

8、fCSSCSS属性属性borderborder是边框属性的一个快捷的综是边框属性的一个快捷的综合写法，是一个用于设置一个元素边框的合写法，是一个用于设置一个元素边框的宽度、式样和颜色的略写，它包含宽度、式样和颜色的略写，它包含border-border-widthwidth，border-styleborder-style和和border-colorborder-color属性。属性。 f边框属性边框属性borderborder只能设置四种边框，也只只能设置四种边框，也只能给出一组边框的宽度和式样。为了给出能给出一组边框的宽度和式样。为了给出一个元素的四种边框的不同的值，网页制一个元素的四种边

9、框的不同的值，网页制作者必须用一个或更多的属性，如：上边作者必须用一个或更多的属性，如：上边框、右边框、下边框、左边框、边框颜色、框、右边框、下边框、左边框、边框颜色、边框宽度、边框式样、上边框宽度、右边边框宽度、边框式样、上边框宽度、右边框宽度、下边框宽度或左边框宽度。框宽度、下边框宽度或左边框宽度。鼠标光标属性 f在网页中默认的鼠标指针只有两种，一种在网页中默认的鼠标指针只有两种，一种是最普通的箭头，另一种是当移动到链接是最普通的箭头，另一种是当移动到链接上时出现的上时出现的“小手小手”。但现在越来越多的。但现在越来越多的网页都使用了网页都使用了CSSCSS鼠标指针技术，当将鼠标鼠标指针技术，当将鼠标移动到链接上时，可以看到多种不同的效移动到链接上时，可以看到多种不同的效果。果。CSSCSS可以通过可以通过CursorCursor属性实现鼠标形状属性实现鼠标形状的改变，其属性可以是默认的鼠标形状的改变，其属性可以是默认的鼠标形状defaultdefault、小手形状、小手形状handha