前端第二节课CSS样式设置

---

前言

作为一个学习JAVA的新手，尝试的这把每天学习的内容做个复盘，有不对的地方，还希望大家批评指正。打卡第二天

---

一、css:层叠样式表

1、主要针对网页中的标签进行样式设置
2、层叠样式表是一种用来表现HTML等文件样式的计算机语言。

二、如何设置样式

1、内联样式

设置样式的style
格式：style=“样式名1：样式内容1;样式名2：样式内容2”
优点：优先级高，直观性强
缺点：不利于扩展和复用

<!-- 内联样式 -->
    <p style="color: blue;">不忘初心，牢记使命</p>
    <p>百年初心，历久弥坚</p>
    <p>
        <a href="www.baidu.com">百度一下</a>
    </p>

2、内部样式

直接通过style设置
缺点：不利于代码分享，不够分离

   <style>
        /* 内部样式 */
        p{
            color: red;
            font-size: 30px;
        }
    </style>

3、外部样式

特别注意路径问题，在同级目录使用./ 否则要用. ./

使用link，需要创建.css文件，将对标签的操作写在.css文件里
特点：分离性强，复用性高

 <link rel="stylesheet" href="./样式.css">

4、css样式原则

a：样式就近原
b：样式叠加，不冲突的样式才能叠加
c: 继承性：父标签的样式会被子标签继承

总结

当在使用标签时，对其设置较多时，建议使用外部样式；较少时。建议使用内联样式。特别注意下样式原则，可能想要的效果会被其他样式设置覆盖掉。