网页制作基础 6css常见样式

常见的 CSS 样式：

一、文本样式

 

1.  font-size ：设置字体大小，例如  font-size: 16px; 。

2.  font-family ：设置字体，如  font-family: Arial, sans-serif; 。

3.  color ：设置文本颜色，如  color: #333; 。

4.  text-align ：设置文本对齐方式，可选值有  left 、 right 、 center 、 justify ，例如  text-align: center; 。

5.  text-decoration ：添加文本装饰，如下划线（ underline ）、上划线（ overline ）、删除线（ line-through ），例如  text-decoration: underline; 。

6.  font-weight ：设置字体粗细，可选值有  normal 、 bold 、 bolder 、 lighter  以及数值，如  font-weight: bold; 。

 

三、背景样式

 

1.  background-color ：设置元素的背景颜色，如  background-color: #f0f0f0; 。

2.  background-image ：设置元素的背景图像，如  background-image: url('image.jpg'); 。

3.  background-repeat ：设置背景图像的重复方式，可选值有  no-repeat 、 repeat-x 、 repeat-y 、 repeat ，例如  background-repeat: no-repeat; 。

4.  background-position ：设置背景图像的位置，如  background-position: center top; 。

 

四、布局样式

 

1.  display ：设置元素的显示方式，可选值有  block （块级元素）、 inline （行内元素）、 inline-block （行内块元素）等，例如  display: inline-block; 。

2.  float ：设置元素浮动，可选值有  left 、 right ，例如  float: left; 。

3.  clear ：清除浮动，可选值有  left 、 right 、 both ，例如  clear: both; 。

4.  position ：设置元素的定位方式，可选值有  static （默认）、 relative （相对定位）、 absolute （绝对定位）、 fixed （固定定位），例如  position: relative; 。

 

五、其他样式

 

1.  opacity ：设置元素的不透明度，取值范围从 0（完全透明）到 1（完全不透明），例如  opacity: 0.5; 。

2.  cursor ：设置鼠标指针在元素上的样式，如  pointer （手形）、 default （默认指针）等，例如  cursor: pointer; 。

3.  overflow ：设置当内容超出元素框时的处理方式，可选值有  visible （默认，内容会溢出显示）、 hidden （隐藏溢出内容）、 scroll （出现滚动条）、 auto （根据需要自动出现滚动条），例如  overflow: auto; 。