初步学习Css的心得体会

目录

1.什么是Css

Css的作用

Css的使用方法

优先级：

2.Css的基本选择器

        1.标签选择器

        2.id选择器

        3.类选择器

类选择器与id选择器的区别

3.Css中关系选择器

兄弟选择器

Css选择器优先级

总结

---

1.什么是Css

        Css全称为Cascading Style Sheets，它是层叠样式表，是描述标记语言页面格式的标准/语言。主要用于描述网页的表示，即布局和格式。在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。

---

Css的作用

        CSS具有对网页的布局、颜色、背景、宽度、高度、字体进行控制，让网页按您的美工设计布局的更加美观漂亮。

---

Css的使用方法

        通常来说，Css的使用方法可分为以下三种：

        1.内联样式：也叫行内样式/行间样式，在开始标签内添加style属性并设置css样式。

<h1 style="color: red;">一级标题</h1>

        2.内嵌样式：也叫内部样式，在HTML中的head标签中添加并按照固定格式设置css样式。

    <style>
        h1{
            font-size: 60px;
            color: aquamarine;
        }
    </style>

        3.外联样式：也叫外部样式，在外部创建一个css文件，在HTML中的head标签中通过link引入css文件。

 <link rel="stylesheet" href=""> 

        其中内嵌样式的有点为可以重复使用代码。

优先级：

        正常情况下：行内样式——内部样式——外部样式。

        特殊情况下：行内样式——内部样式/外部样式（按照在头标签里面的先后顺序，以浏览器的执行顺序判断优先级