前端学习-CSS3

一、概念

Cascading Style Sheets 层叠样式表，用来展现HTML、XHTML的页面标签的外观风格

说明:

官网: https://www.w3.org/Style/CSS/

二、CSS的作用

用来美化页面元素 - 美化外观

用来布局页面元素 - 布局定位

用来实现内容和外观的分离 - 方便维护和修改

三、语法

官方

https://www.w3.org/Style/CSS/learning

推荐教程

https://developer.mozilla.org/zh-CN/docs/Web/CSS

CSS属性索引

https://developer.mozilla.org/zh-CN/docs/Web/CSS/Reference

语法

选择器 {
     
    属性: 值;
    ...
}

HTML 的元素、标签指代的都是HTML的标签。

说明

选择器：用来选择需要设置样式的元素、类样式等等

属性：用来确定需要设置的内容

值：用来确定具体的效果

四、CSS使用的三种方式

4.1 行内样式(不推荐)

使用style属性在页面标签中书写，通常用于设置当前标签元素的特殊风格

<h1 style="color:red;">style属性的应用h1>
<p style="font-size:14px; color:green;">直接在HTML标签中设置的样式p>

4.2 内部样式（少用）

使用