学习CSS

                                       基础认知

CSS的介绍

CSS：全称：Cascading Style Sheets，中文译为：层叠样式表

CSS的作用：给页面的HTML标签设置样式

                                     基础选择器

                                               标签选择器

                                   结构：标签名{CSS属性：属性值；}
 

                                                类选择器

结构：.类名{CSS属性：属性值；}

作用：通过类名，找到页面中的所有这个类名的标签，设置样式

注意点：1、所有上都有class属性；2、类名可以由数字、字母、下划线组成，但不能以数字或下划线开头；3、类名可以重复；4、一个标签可以有多个类名，类名之间以空格隔开

                                                  id选择器

结构：#id{CSS属性：属性值；}

作用：通过id属性值，找到页面中带有这个id属性值的标签，设置样式

注意点：1、所有上都有id属性；2、id属性值是唯一的，不能重复；3、一个标签只能有一个id属性值；4、一个id选择器只能选中一个标签

                                CSS的常见属性

属性名	作用
color	文字颜色
background-color	背景颜色
wiidth	宽度
height	高度
font-style:italic;	文字倾斜
font-family	文字字体样式
font-size （文字大小默认是16px）	改变文字大小
text-align:start;	文字左对齐
text-align:end;	文字右对齐
text-align:center;	文字居中对齐
text-weight:bold;	文字加粗
line-height	文字行高距
border-top	设置上边框样式
border-bottm	设置下边框样式
border-left	设置左边框样式
border-right	设置右边框样式
border	同时设置四个边框样式
solid	实线
dashed	虚线
double	双实线