[分享]css共有哪八种属性

在网页设计中，CSS是非常重要的一部分，它可以控制网页的布局、颜色、字体大小等各个方面。其中，CSS属性有很多种，今天我们来了解一下其中的八种属性。1. background 这个属性可以设置元素的背...

在网页设计中，CSS是非常重要的一部分，它可以控制网页的布局、颜色、字体大小等各个方面。其中，CSS属性有很多种，今天我们来了解一下其中的八种属性。

1. background
这个属性可以设置元素的背景颜色或背景图片，还可以指定背景图片的重复方式和位置。

例如：
background-color: #ffffff;   //设置纯白色背景
background-image: url(‘bg.jpg’);   //设置背景图片
background-repeat: no-repeat;   //不重复背景图片
background-position: center center;   //将背景图片居中显示

2. border
该属性可以用于设置元素的边框样式、宽度和颜色，分别对应border-style、border-width和border-color属性。

例如：
border: 1px solid #000000;   //设置一像素粗的黑色实线边框

3. font
这个属性用来设置元素的字体样式，包括字体大小、颜色、字形、粗细等等。

例如：
font-size: 16px;   //设置字体大小
font-weight: bold;   //设置字体加粗
font-family: ‘Microsoft YaHei’;   //设置字体
color: #000000;   //设置字体颜色

4. margin
用来设置元素的外边距，即与其他元素之间的距离。

例如：
margin-top: 10px;   //设置元素的上边距为10像素

5. padding
设置元素的内边距，即元素内部与内容之间的距离。

例如：
padding-bottom: 20px;   //设置元素底部的内边距为20像素

6. text
该属性可用于设置文本相关的样式，包括对齐方式、装饰线、缩进等。

例如：
text-align: center;   //将文本居中
text-decoration: underline;   //给文本添加下划线

7. display
该属性用于指定元素是块级元素还是内联元素，还可以控制元素的可见性。

例如：
display: none;   //元素不可见，相当于隐藏元素

8. position
这个属性用于控制元素的定位方式，可以设置元素相对于其他元素的位置。

例如：
position: absolute;   //将元素的位置设置为绝对定位
top: 50px;   //将元素的上边距设为50像素
left: 100px;   //将元素的左边距设为100像素 

以上就是CSS属性中的八种常用属性，通过灵活运用这些属性，我们可以打造出优秀的网页设计。