CSS是一种样式表语言,可以用来设置网页的样式和布局。在网页设计中,通常需要对整个页面进行样式设置,包括背景、字体、边框、布局等。下面介绍一些常用的设置方法。/* 设置页面背景颜色 */ body {
CSS是一种样式表语言,可以用来设置网页的样式和布局。在网页设计中,通常需要对整个页面进行样式设置,包括背景、字体、边框、布局等。下面介绍一些常用的设置方法。
/* 设置页面背景颜色 */ body { background-color: #f2f2f2; } /* 设置页面字体样式和大小 */ body { font-family: Arial, sans-serif; font-size: 16px; } /* 设置网页链接样式 */ a { color: #007bff; text-decoration: none; } a:hover { text-decoration: underline; } /* 设置页面边框 */ body { border: 1px solid #ddd; } /* 设置页面布局 */ .container { width: 80%; margin: 0 auto; } header { height: 100px; background-color: #fff; border-bottom: 1px solid #ddd; } nav { float: left; width: 20%; } article { float: right; width: 80%; } footer { clear: both; height: 50px; background-color: #f2f2f2; border-top: 1px solid #ddd; }
通过上述设置,可以轻松地完成网页的整体样式。需要注意的是,样式设置应该遵循一致性原则,即整个网页的样式应该具有统一性,避免使用过多的样式和颜色,影响用户体验。
粉丝
0
关注
0
收藏
0