CSS基础篇(一)

一、概念

CSS 是组成网页的重要部分，一种用于设置网页外观（表现）的文档，不是编程语言。

CSS 叫做层叠样式表。层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

主要用于美化页面。平时所看到的界面效果，离不开CSS样式。

有3种书写方式

第一种： 内联样式(内嵌样式)

<style> 
    div { 
        color：red; 
        font-size:20px; 
    } 
</style>

第二种：行内样式

<div style="color: red; font-size:20px; "></div>

第三种：外联样式 (创建后缀名为.css文件 base.css )

<link rel="stylesheet" href="./base.css">

二、CSS选择器

CSS 选择器: 元素选择器(Element Selector):通过元素名称选择 HTML 元素。

<style> 
      .container { color：red; } 
</style>

<div class="container">示例</div>

选择器： 选择页面标签的方法。

• 标签选择器 div {}
• 类名选择器 .container {}
• ID选择器 #top {}
• 交集选择器(组合) div.header {}
• 并集选择器 .header , .main , .footer { }
• 后代选择器 .container .header h3 {}
• 直接子代选择器 .container > div {}
• 间接后代选择器 .container h3 {}
• 伪类选择器 ul li:nth-child(n) {}
• 属性选择器 input[type="text"] {}