CSS(层叠样式表)是一种用于描述HTML或XML(包括SVG、MathML等各种XML方言)文档样式的样式表语言。全局样式是指在整个网站或应用中普遍适用的样式规则。
/* 全局样式 */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
/* 标题样式 */
h1, h2, h3, h4, h5, h6 {
color: #333;
}
/* 链接样式 */
a {
color: #007bff;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* 列表样式 */
ul, ol {
padding-left: 20px;
}
/* 表格样式 */
table {
width: 100%;
border-collapse: collapse;
}
table, th, td {
border: 1px solid #ddd;
}
th, td {
padding: 10px;
text-align: left;
}
原因:全局样式可能会覆盖特定页面的局部样式。
解决方法:
!important
关键字,但不推荐频繁使用,因为它会降低CSS的可维护性。/* 特定页面样式 */
.specific-page h1 {
color: #ff0000 !important;
}
原因:全局样式文件过大,包含不必要的样式规则。
解决方法:
原因:不同设备的屏幕尺寸和分辨率不同。
解决方法:
/* 响应式设计示例 */
@media (max-width: 600px) {
body {
font-size: 14px;
}
}
通过以上信息,您可以更好地理解和应用CSS全局样式,解决常见的样式问题。