编程笔记 html5&css&js 054 CSS默认值
在HTML5和CSS中，有许多默认的样式值，这些值由浏览器定义，以确保所有元素在没有额外样式时仍然可见。以下是一些常见的CSS默认值：
- 字体大小：16px
- 行高：1.1-1.2，这取决于浏览器
- 字体：通常是Times New Roman, Georgia, Serif
- 边距和填充：0
- 元素宽度：auto
- 元素高度：auto
- 元素边框：none
- 元素背景：transparent
以下是一个简单的HTML和CSS示例，演示了这些默认值：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS Default Values</title>
<style>
body {
font-size: 16px;
line-height: 1.2;
font-family: 'Times New Roman', Georgia, Serif;
}
p {
margin: 0;
padding: 0;
width: auto;
height: auto;
border: none;
background: transparent;
}
</style>
</head>
<body>
<p>This is a paragraph with default styles.</p>
</body>
</html>在这个例子中，body 选择器设置了页面的默认字体大小、行高和字体族。p 标签的样式重置了边距、填充、宽度、高度、边框以及背景色，使得p元素在没有其他样式影响时，会显示出浏览器的默认样式。
评论已关闭