css基础知识1-认识css

你的名字 2022-12-22 06:28 178阅读 0赞

## 什么是css？ ##

css叫做层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

## css有什么用？ ##

定义如何显示HTML元素，给HTML设置样式，让它更加美观。  
通俗来说就html是在白纸上勾勒图案，而css就是给图案上色美化以及各种完善。

## css的基础语法 ##

![在这里插入图片描述][20201118142937332.png_pic_center]  
如图所示，我们可以看到css的语法结构  
**组成部分：一个选择器以及一个或多个声明组成**

也就是说，css的结构分为两部分：  
1.选择器  
选择器通常是您需要改变样式的 HTML 元素  
2.声明  
而声明我们可以看到也是由两部分构成，一个是属性一个是值，那么也就是说，**声明是由一个属性和一个值组成**  
实例：

h1 {color:red; font-size:14px;}

h1 是选择器，color 和 font-size 是属性，red 和 14px 是值。  
**注意：请把声明放在花括号里面**  
**1. 多重声明**：如果要定义不止一个声明，则需要用分号将每个声明分开。。

p {text-align:center; color:red;}

p是选择器，text-align和color是属性，center和red是值  
以下分别是这两个声明：

text-align:center;      color:red;

**2. 值的不同写法**  
都是一个意思：  
英文单词

p { color:red; }

颜色十六进制

p { color: #ff0000; }

css的缩写形式

p { color: #f00; }

RGB值

p { color: rgb(255,0,0); }
    p { color: rgb(100%,0%,0%); }

**3.记得写引号**  
若值为多个单词，则要给值加引号：

p {font-family: "sans serif";}

**4.空格与大小写**  
大多数样式表包含不止一条规则，而大多数规则包含不止一个声明。多重声明和空格的使用使得样式表更容易被编辑：

body {
      color: #000;
      background: #fff;
      margin: 0;
      padding: 0;
      font-family: Georgia, Palatino, serif;
      }

是否包含空格不会影响 CSS 在浏览器的工作效果，同样，与 XHTML 不同，CSS 对大小写不敏感。不过存在一个例外：如果涉及到与 HTML 文档一起工作的话，class 和 id 名称对大小写是敏感的。

[20201118142937332.png_pic_center]: /images/20221120/962b7ca195a14b3d81265c71e33dba92.png

还没有评论，来说两句吧...