HL🌱数字花园

整体介绍

CSS3简介 1)CSS3简介 CSS3基本使用 1)CSS3的书写位置 2)CSS3的基本语法

CSS(cascading style sheet,层叠式样式表)是用来给HTML标签添加样式的语言 CSS3是CSS的最新版本，增加了大量的样式、动画、3D特效和移动端特性等

CSS使样式和结构分离，样式和结构不用“杂糅着写”，而是彼此分开：HTML就负责结构，CSS负责样式 HTML和CSS怎么结合呢？“选择器”就是两者的纽带

选择其中几个p标签进行改变，使用class属性

CSS就是样式的“清单”，要书写合适的选择器，然后把指定元素的样式”一条一条罗列”出来

.spec{
    color:green;
    font-weight:bold;
    font-style:italic;
}
.warn{
    font-size:20px;
    background-color:orange;
}

简单：CSS没有加减乘除、与或非、循环、选择、判断，CSS不是“编程”，就是简单直接的罗列样式

困难：背诵CSS属性是非常重要的，属性背诵熟练程度决定了做网页的速度

在学习CSS时，最常使用内嵌式，顾名思义，内嵌在html文件中在<head><head>标签对中，书写<style></style>标签对，里面书写CSS语句

可以将CSS单独存为.css文件，然后使用<link>标签引入它 link标签在<head><head>标签对中引入

外链式的优点：多个html网页，可以共用一个css样式表文件

在<style></style>标签对中导入

使用导入式引入的样式表，不会等待css文件加载完毕，而是会立即渲染HTML结构，所以页面会有几秒中的“素面朝天”的时间

样式可以直接通过style属性写在标签身上

<h2 style=“color:red;“>我是一个二级标题<h2>

行内式牺牲了样式表的批量设置样式的能力，只能给一个标签设置样式，所以不常用但后台工程师经常使用行内式

最后一条样式可以不书写分号可以没有换行 CSS3的注释是/**/(ctrl + ’/’ 输入)