CSS学习笔记

# 1、CSS介绍

CSS 指层叠样式表 (Cascading Style Sheets)，定义如何显示HTML元素。  
CSS规则由两个主要的部分构成：选择器，以及一条或多条声明:  
p{color:red; text-align:left;}  
其中p为选择器，选择器通常是需要改变样式的HTML元素。  
{}内的为声明，每条声明由一个属性和一个值组成，属性和值用冒号分开，声明之间用分号隔开。

2、CSS选择器

选择器的类型较多，根据自己的理解，梳理集中常用的。

https://www.w3cschool.cn/cssref/53s812dp.html

3、选择器的优先级

1. 内联样式
2. ID 选择器
3. 属性选择器
4. 类选择器
5. 元素类型选择器
6. 通用选择器

4、CSS声明

简单举几个例子，工作中遇到了不熟悉的，可以来这里差：https://www.w3cschool.cn/cssref/sel-attribute.html

•   背景

body{
    background-color:#cccccc;
    background-image:url('./mm.jpg');
    background-repeat:repeat-y;
    background-position:right top;            
}  

• 文本

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

•   字体

h1{
    font-size:20px;
    font-family: Arial;
}

•   填充

p{
    padding-top:25px;
    padding-bottom:25px;
    padding-right:50px;
    padding-left:50px;
}

•   轮廓线

p { 
    outline-style:dotted; 
    outline-color:#00ff00; 
}