浏览器为了在页面中没有样式时，也可以有一个比较好的显示效果，
所以为很多的元素都设置了一些默认的margin和padding，而它的这些默认样式，正常情况下我们是不需要使用的。
所以我们往往在编写样式之前需要将浏览器中的默认的margin和padding统统的去掉。
如何去除默认样式？
添加如下css代码：
/* * 清除浏览器的默认样式 */ *{ margin: 0; padding: 0; }
前端学习 -- Css -- 默认样式
2017-04-23
1401
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
浏览器为了在页面中没有样式时，也可以有一个比较好的显示效果， 所以为很多的元素都设置了一些默认的margin和padding，而它的这些默认样式，正常情况下我们是不需要使用的。 所以我们往往在编写样式之前需要将浏览器中的默认的margin和padding统统的去掉。
目录
相关文章
|
3月前
|
前端开发
如何设置 CSS 盒子模型的边框样式？
CSS盒子模型的边框样式可以通过`border`属性设置，包括边框宽度、样式和颜色。例如：`border: 2px solid red;` 设置了2像素宽的红色实线边框。也可分别设置四边，如`border-top`、`border-right`等。
150
2
2
|
3月前
|
JavaScript
前端开发
程序员
|
24天前
|
JavaScript
前端开发
|
2月前
|
前端开发
JavaScript
搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制，两者不仅提升了代码复用率和可维护性，还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战，文章提出了相应的解决策略，强调了持续创新的重要性，旨在构建高效、灵活的Web应用。
46
6
6
|
2月前
|
前端开发
开发者
C++
独家揭秘：前端大牛们如何高效学习新技术，保持竞争力！
【10月更文挑战第31天】前端技术飞速发展，如何高效学习新技术成为关键。本文通过对比普通开发者与大牛们的策略，揭示了高效学习的秘诀：明确目标、主动探索、系统资源、实践应用和持续学习。通过这些方法，大牛们能更好地掌握新技术，保持竞争力。示例代码展示了如何通过实践加深理解。
52
4
4
|
2月前
|
Web App开发
前端开发
JavaScript
揭秘！前端大牛们如何巧妙利用CSS3，打造炫酷视觉效果！
【10月更文挑战第31天】前端开发面临复杂布局的挑战，本文介绍了几种提升开发效率和代码质量的工具和技术。基础的HTML和CSS可以应对大部分布局需求，而Firefox开发者工具、VS Code、Vue、React等则能应对更复杂的布局，帮助开发者构建高性能、用户友好的网页应用。
35
4
4
|
2月前
|
前端开发
JavaScript
UED
|
3月前
|
前端开发
JavaScript
|
2月前
|
前端开发
HTML 样式- CSS3
内部样式表适用于单个文件的特别样式，通过<head>部分的<style>标签定义；外部样式表适用于多个页面，通过<link>标签引用外部CSS文件；<style>定义样式，<link>引用资源；已弃用的标签有<font>、<center>、<strike>，属性有color和bgcolor。
36
0
0
|
2月前
HTML 样式- CSS2
HTML样式实例展示了如何使用`font-family`、`color`和`font-size`属性来定义字体样式，以及使用`text-align`属性来设置文本的对齐方式。示例包括标题和段落的样式设置。
19
0
0