前端学习——CSS初学__1 初步了解-优快云博客

本文链接：https://blog.youkuaiyun.com/m0_53428059/article/details/125581115

进入激动人心的CSS层叠样式表学习啦。在这个学习过程中要知道什么是CSS，学会使用CSS基础选择器，设置字体样式，设置文本样式等等等等。

一、CSS简介

CSS主要用来美化，布局页面。

在前面HTML学习中，不难发现HTML只关注内容的语义，不关注页面外观。

CSS是层叠样式表的简称，也是一种标记语言，主要用于设置HTML页面中的文本内容，图片的外形以及版面的布局和外观显示样式。

总而言之，HTML显示网页元素内容；CSS美化HTML，布局网页。

CSS规则由两个主要的部分构成：选择器以及一条或多条声明。CSS样式表一般：<head><style>CSS样式表</style></head>这样来写。具体语法规范见下：

<style>
        /* 格式：选择器 {样式} */
        /* 给谁改样式 {改成什么样式} */
        p {
            color: red;
            font-size: 12px;
        }
</style>

这里的p是<body></body>里面的段落标签。

并非强制规范！！！

紧凑型格式

h3 { color: deeppink;font-size: 20px;}

展开格式

h3 { 
     color: deeppink;
     font-size: 20px;
 }

推荐使用展开格式！

推荐样式选择器，属性名，属性值关键字全部使用小写。

属性值前面，冒号后面，保留一个空格

选择器（标签）和大括号中间保留空格

选择器（选择符）可以根据不同需求把不同的标签选出来。

直白一点：

<div>123</div>
<div>456</div>
<p>aaa</p>
<ul>
  <li>ui的li</li>
</ul>
<ol>
  <li>ol的li</li>
</ol>

CSS的作用就是可以选择修改哪一个div的字体颜色,选择修改ul还是ol里面的文字。

接下来进行选择器的学习嘿嘿