HTML_CSS学习:CSSLearning

一、优先级

相关代码:

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>优先级</title>
<!--    <style>-->
<!--       h1{-->
<!--           color: #1f3396;-->

<!--       } -->
<!--    </style>-->
<!--    <link rel="stylesheet" href="./index.css">-->
    <style>
        h1{
            color: #d03458;
            /*color: #0c997f;*/
            /*color: #0d6efd;*/
            /*覆盖着居上,显示蓝色*/
            font-size: 100px;
        }
        h1{
            color:blue;
            font-size: 40px;
        }
        /*内部样式优先级高于外部样式*/
    </style>
    <link rel="stylesheet" href="./index.css">
</head>
<body>
     <h1>欢迎来到信阳农林学院</h1>
<!--    <h1 style="color:#55c138;">欢迎来到信阳农林学院</h1>-->
<!--    行内样式的优先级高于内部样式和外部样式-->

<!--    优先级规则:行内样式>内部样式>外部样式-->


</body>
</html>

二、语法规范

相关代码:

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>语法规范</title>
    <style>
        h1{
            /**/
            color:blue;
            font-size: 40px;
        }
    </style>
</head>
<body>
    <h1>欢迎来到尚硅谷学习</h1>

</body>
</html>

三、代码风格

相关代码:

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>代码风格</title>
    <style>
        /*展开风格--推荐,便于维护和调试*/
        h1{
            color: #a41c47;
            font-size: 100px;
        }

        /*h1{color: #0d6efd;font:40px;}*/
        /*紧凑风格--项目上线时推荐,可减少文件体积*/
    </style>
</head>
<body>
    <h1>欢迎来到信阳农林学院学习</h1>

</body>
</html>
相关推荐
叶~小兮31 分钟前
K8S进阶核心综合学习笔记(持久化存储+特殊容器+调度管理)
笔记·学习·kubernetes
li星野44 分钟前
位运算 & 数学 & 高频进阶九题通关(Python + C++)
c++·python·学习·算法
y = xⁿ2 小时前
Java并发八股学习日记
java·开发语言·学习
@codercjw3 小时前
工程图制图经验
学习
星幻元宇VR3 小时前
VR文旅大空间|沉浸式体验重塑文旅新场景
科技·学习·安全·vr·虚拟现实
Cat_Rocky4 小时前
K8S-Helm简单学习分享
学习·容器·kubernetes
NNYSJYKJ4 小时前
告别刷题无效与偏科:脑能模型解锁 K12 学习底层能力构建
学习
凌云若寒4 小时前
BarTender许可 | 关于PDF打印数量说明
学习·pdf·产品经理·制造·软件需求
一只机电自动化菜鸟4 小时前
一建机电备考笔记(36) 焊接技术—焊接方法与工艺(含考频+题型)
笔记·学习·职场和发展·生活·学习方法
乖硅不乖4 小时前
Dummy七日学习(七)
学习