按钮CSS样式不生效 颜色、内边距属性无效问题排查求助

• 选择器匹配错误：你写的p.B3选择器规则是匹配class属性为B3的p标签，但实际代码中class="B3"是加在<button>元素上的，选择器和目标元素完全不匹配，所有样式规则都不会命中按钮。
• CSS语法错误：border-radius: 50%语句末尾缺失分号，CSS解析器遇到该语法错误时，会直接跳过该语句后所有同代码块的属性，就算选择器匹配正确，后面的字体、字号属性也无法生效。另外带空格的字体名cooper black没有加引号包裹，存在解析兼容风险。
• HTML结构不规范：代码缺失必填的<body>标签，段落标签<p>没有闭合，align属性值center没有加引号，会触发浏览器怪异渲染模式，加大样式失效概率。

1. 修正CSS代码：替换错误选择器，补全缺失的分号，规范字体名写法，修正后代码如下：

.B3 {
    padding: 50px;
    border: 1px solid black;
    background-color: yellow;
    border-radius: 50%;
    font-family: "Cooper Black";
    font-size: 50px;
}

2. 修正HTML结构：补全<body>标签，闭合所有未闭合标签，规范属性写法，修正后代码如下：

<!DOCTYPE html>
<html>
<head>
<title>WebDocTitle</title>
<link type="text/css" rel="stylesheet" href="css/stylesheet1.css"/>
</head>
<body>
<p align="center"> <button type="button" onclick="window.location.href='%2328.HTML';" class="B3">ButtonText1</button></p>
<p align="center"> <button type="button" onclick="window.location.href='%2329.HTML';" class="B3">ButtonText2</button></p>
</body>
</html>

注意：确认CSS文件路径css/stylesheet1.css和实际文件存放路径一致，路径错误也会导致样式完全加载失败。

内容的提问来源于stack exchange，提问作者CaleMrry