欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

CSS基本属性

程序员文章站 2022-06-09 10:36:38
...

background(背景)

background- color           /*背景色*/
background- Image       /*背景图片*/
background- repeat   /*背景图平铺方式*/

简写:

background: gray url(XXX/xx. png)  no-repeat; 
         /*背景色,背景图片,平铺方式*/

font(字体)

font-style: italic;      /*斜体*/
font-weight:bold;       /*加粗*/
font-family: arial, sans-serit;     /*字体种类*/
font-size:20px;         /*字号大小*/
line-height:35px;     /*行高*/

简写:

font: italic bold  20px/35px aria,sans-serf,"微软雅黑";

/*斜体字,加粗,字号大小,默认字体,备用字体,备用字体*/

marain(边距)

margin-top
margin-right
margin-bottom
margin-left

简写:

margin : 10px 15px 10px 15px ;
/*边距上,右,下,左(按照顺时针方向)*/

注意,如果写成3个或2个则含义不同

margin : 10px 15px 15px ;
/*边距上,左右,下*/

margin : 10px 15px ;
/*边距上下,左右*/

margin : 10px ;
/*边距上下左右*/

padding(填充)

padding-top
padding-right
padding-bottom
padding-left

简写写法与margin一样