css基本语法及css样式表

css基本语法及css样式表
css基本语法：

css的语法主要由两个部分构成：
1. 选择器
2. 选择器对应的一个或多个样式声明
选择器就是指定将要被设置样式的html元素，声明部分需要用大括号包裹起来，每个样式声明包含一个css样式属性以及该属性对应的值，两者以冒号分割；不同样式声明之间使用分号来进行隔开。

在网页中插入css样式表：
1. 内联样式（Inline Style)
  
  内联样式就是将css样式直接在元素中进行设置，靠的是全局属性style，
```
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
    </head>
    <body>
        <p style="color:red; font-size:20px">万物皆虚，万事皆允</p>
        <p>万物皆<span style="border: 2px black dashed; padding: 5px">虚</span>，万事皆<span style="border: 2px black dashed; padding: 5px">允</span></p>
        <p>万物皆虚，万事皆允</p>
    </body>
</html>
```
2. 内部样式表（Internal Style Sheet)
  
  内部样式表就是使用一个style元素，在文档的头部进行统一定义
```
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <style>
            h1 {
                color: red;
            }
            p {
                color: green; font-size: 20px;
            }
        </style>
    </head>
    <body>
        <h1>万物皆虚，万事皆允</h1>
        <p>万物皆虚，万事皆允</p>
        <p>万物皆虚，万事皆允</p>
    </body>
</html>
```
3. 外部样式表（External Style Sheet）
  
  外部样式表就是将css部分的内容保存为单独的文件，惯例是以.css为后缀名的扩展名，当需要引用到样式的时候，使用link元素将其链接起来。
```
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
        <h1>万物皆虚，万事皆允</h1>
        <p>万物皆虚，万事皆允</p>
        <p>万物皆虚，万事皆允</p>
    </body>
</html>
```
  相对应的style.css文件：
```
    ```
```
h1 {
color: red;
}
p {
color: green; font-size: 20px;
}
```
css的注意事项：
1. css没有限制空格的使用
2. 通常情况下，css对字母大小写是不敏感的，但class和id除外。
3. 内联样式>内部样式表>外部样式表，这三者是按这样的优先级差异来实现的。
相关阅读:
python线程池 ThreadPoolExecutor 的用法
 charles基本配置
 爬取咪哩咪哩动漫视频
 超级鹰识别验证码
 selenium滑动验证
 subprocess模块
 ffmpeg常用命令
 Appium环境搭建（详细）
appium下载安装及环境配置
 MIPS——无符号乘法
原文地址：https://www.cnblogs.com/fate-/p/14424513.html