网站建设时怎样用CSS强制删除浏览器默认样式

2022-05-22 分类：网站建设

但凡了解些网站建设知识，就会知道所有Web浏览器都包含所谓的“默认样式”，这些样式在没有任何其他样式信息的情况下指示HTML元素的外观。例如，在几乎每个浏览器中，超链接的默认外观都是带下划线的亮蓝色。这就是这些链接的外观，除非您告诉它们以不同的方式显示。默认的浏览器样式可能很有帮助，但在许多情况下，网站建设人员希望删除这些样式，以便他们可以从他们100%控制的样式重新开始。这需要使用CSS样式表来完成，网站建设时怎样用CSS强制删除浏览器默认样式呢？CSS样式表应该是所有文档中调用的第一个样式表，您可以使用主样式表清除在跨浏览器网站设计中可能导致问题的默认浏览器设置。

全局默认值

您的主样式表应该从调整页面的页边距、边距和边框开始。某些Web浏览器将文档体默认设置为从浏览器窗格边缘缩进的1或2个像素。这将确保它们都显示相同的内容。您还希望使字体保持一致。请确保还将字体大小设置为100%或1em，以便您的页面可以访问，但大小仍保持一致。一定要包括线高。

标题格式

标题或标题标签(H1、H2、H3等)通常默认为带有较大边距或周围填充的粗体文本。通过清除“权重”、“边距”和“填充”，可以确保这些标记仍然比其周围的文本更大(或更小)，而不会有额外的样式。您可能想要考虑设置特定的大小、字母间距和标题标记，但这实际上取决于您正在设计的站点的样式，应该将其排除在主样式表之外。您可以根据特定设计的需要向这些标题添加更多样式。

纯文本格式

除了标题之外，还应该清除其他文本标记。人们经常忘记的一组是表格单元标记(TH和TD)和表单标签(SELECT、TEXTAREA和INPUT)。如果您没有将它们设置为与您的正文和段落文本相同的大小，您可能会对浏览器呈现它们的方式感到不愉快。

给你的报价(大段引语和Q)、首字母缩略语和缩略语加上一点额外的风格也很好，这样它们就更引人注目了。

链接和图像

链接很容易管理，并从前面提到的亮蓝色下划线文本进行更改。我们希望我们的链接始终保持下划线，但如果你喜欢一种不同的方式，你可以单独设置这些选项。我们也不包括颜色在主样式表，因为这取决于设计。对于图像，关闭边界是很重要的。虽然大多数浏览器不会在普通图像周围显示边框，但当图像链接时，浏览器会打开该边框。

表格

虽然表格不再用于布局目的，但您的站点仍可能将它们用于实际的表格式数据。这是HTML表的一个很好的用法。我们已经确保您的表格单元格的默认文本大小是相同的，但是您还应该设置其他一些样式，以便您的表格保持不变：

表单

与其他元素一样，您应该清除表格周围的边距和挡板。我们喜欢做的另一件事是将表单标记重写为“内联”，这样就不会在代码中放置标记的地方添加额外的空间。与其他文本元素一样，我们定义了上面SELECT、TextArea和Input的字体信息，使其与文本的其余部分相同。更改标签的光标也是一个好主意，这有助于人们在单击标签时看到标签将会执行某些操作。

公共类

对于主样式表的这一部分，您应该定义对您有意义的类。这些是我们最常用的一些类。请注意，它们没有设置为任何特定的元素，因此可以将它们分配给所需的任何元素。

请记住，因为这些类是在任何其他样式之前编写的，而且它们只是类，所以很容易用级联中稍后出现的更具体的样式属性来重写它们。如果您发现在一个元素上设置了一个公共类，但它没有生效，那么您应该检查一下，以确保在以后的样式表中没有其他样式影响到同一个元素。

新闻名称：网站建设时怎样用CSS强制删除浏览器默认样式
URL链接：/news38/156288.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有网站建设等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容