css属性有哪些

html-css08

css属性有哪些,第1张

css属性有:字体属性(font)、背景属性(background)、区块属性(block)、方框属性(box)、边框属性(border)、列表属性(list-style)、定位属性(position)等。

定义和用法

background 简写属性在一个声明中设置所有的背景属性。

可以设置如下属性:

background-color

background-position

background-size

background-repeat

background-origin

background-clip

background-attachment

background-image

如果不设置其中的某个值,也不会出问题,比如 background:#ff0000 url('smiley.gif')也是允许的。

通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。

默认值:

not specified    

继承性:

no    

版本:

CSS1 + CSS3    

JavaScript 语法:

object.style.background="white url(paper.gif) repeat-y"    

实例

如何在一个声明中设置所有背景属性:

body

 {

 background: #00FF00 url(bgimage.gif) no-repeat fixed top

 }

好多问题。一个一个来吧

1、css背景属性总的说来就一个。 background

其他的 backgroud-image , background-color, background-repeat等等都是它的分之。

用css控制背景,一个background就够了。比如:

background:#f00 url(图片地址) no-repeat

背景色为红色,有图片,图片不重复。如果分开写的话就要写3个属性,很不简洁。

2、盒子模型,其实就是把html的标签比喻成box(盒子)。盒子干嘛的?当然就是装东西的啦。

盒子属性有:

width height,宽高。px为单位。可以理解为内容区域。

padding 内边距。是内容距离盒子边缘的距离。

border边框。就是盒子的“墙壁”

margin 外边距。盒子与周围的其他盒子的距离。

另外,css3多了个圆角。 border-radius 也可以算是盒子模型中的编外分子。

特别强调盒子模型属性都要占位。比如:

#mydiv{

width:200px

height:100px

padding:10px

border:5px #000 solid

margin:30px

}

id为mydiv的标签 内容宽200px,但是它实际要站的宽度是 200+10*2+5*2+30*2=290px

3、浮动,就是给标签添加 float:left/right; 就行了。

浮动的作用就一个,让原本上下排列的结构,变成水平排列。

java不了解,就不回答了。