CSS默认样式

css 复制代码
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>默认样式</title>
    <style>
        #d1{
            font-size: 200px;
            color: turquoise;
            
        }
    </style>
</head>
<body>

    <div id="d1">
        <a href="https://www.bilibili.com/">去B站</a>
        <span>你好啊</span>
    </div>
    
</body>
</html>


优先级: 元素的默认样式 > 继承的样式 ,所以如果要重置元素的默认样式,选择器一定要直接选择器

到该元素。
元素一般都些默认的样式,例如:

  1. <a> 元素:下划线、字体颜色、鼠标小手。
  2. <h1> ~ <h6> 元素: 文字加粗、文字大小、上下外边距。
  3. <p> 元素:上下外边距
  4. <ul> 、 ol 元素:左内边距
  5. body 元素: 8px 外边距( 4 个方向)
相关推荐
irises4 分钟前
从零实现2D绘图引擎:6.动画系统的实现
前端·数据可视化
_Jyann_5 分钟前
uniapp两种方式实现自定义tabbar
前端·javascript·uni-app
一 乐9 分钟前
数码商城系统|电子|基于SprinBoot+vue的数码商城系统(源码+数据库+文档)
java·前端·javascript·数据库·vue.js·springboot
盛夏绽放12 分钟前
新手入门:实现聚焦式主题切换动效(Vue3 + Pinia + View Transitions)
前端·vue3·pinia·聚焦式主题切换
Howie Zphile12 分钟前
NEXTJS/REACT有哪些主流的UI可选
前端·react.js·ui
fruge13 分钟前
React Server Components 实战:下一代 SSR 开发指南
前端·javascript·react.js
lichong95114 分钟前
harmonyos 大屏设备怎么弹出 u 盘
前端·macos·华为·typescript·android studio·harmonyos·大前端
irises15 分钟前
从零实现2D绘图引擎:5.5.简单图表demo
前端·数据可视化
irises15 分钟前
从零实现2D绘图引擎:5.鼠标悬停事件
前端·数据可视化
青莲84315 分钟前
Android Lifecycle 完全指南:从设计原理到生产实践
android·前端