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>
相关推荐
siy23333 小时前
[c语言日记] 数组的一种死法和两种用法
c语言·开发语言·笔记·学习·链表
在路上`5 小时前
前端学习之后端java小白(三)-sql外键约束一对多
java·前端·学习
尚久龙5 小时前
安卓学习 之 用户登录界面的简单实现
android·运维·服务器·学习·手机·android studio·安卓
yb0os15 小时前
RPC实战和核心原理学习(一)----基础
java·开发语言·网络·数据结构·学习·计算机·rpc
乱飞的秋天6 小时前
网络编程学习
网络·学习·php
2202_755744306 小时前
开学季技术指南:构建高效知识管理系统与学习工作流
学习
时空自由民.8 小时前
repo 学习教程
大数据·学习·elasticsearch
CodingCos9 小时前
【芯片设计-信号完整性 SI 学习 1.1.1 -- Unit Interval,比特周期】
学习·ui·si 比特周期
摘星星的屋顶10 小时前
论文阅读记录之《VelocityGPT 》
论文阅读·人工智能·深度学习·学习
悠悠~飘13 小时前
php学习(第二天)
开发语言·学习·php