css复习

css

css概念：css，通常称为css样式表或层叠样式表

作用：主要用于设置HTML页面中的文本内容(字体丶大小丶对齐方式等)丶图片的外形（宽高丶边框样式丶边距等）以及版面的布局和外观显示样式。

css以html为基础，提供了丰富的功能，如字体丶颜色丶背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。

css基础选择器

标签选择器

概念：标签选择器是指用HTML标签名称作为选择器，按标签名称来分类，为页面中某一类标签指定统一的css样式。

作用：标签选择器可以把某一类标签全部选择出来比如所有的div标签和所以的span标签

类选择器

类选择器使用“.“（英文点号）进行标识，后面紧跟类名

优点：可以为元素对象定义单独或相同的样式。可以选择一个或多个标签。

id选择器

id选择器使用#进行标识，后面紧跟id名

元素的id值是唯一的，只能对应于文档中某一个具体的元素。

类选择器和id选择器的区别

类选择器可以多次重复使用的

id选择器不得重复，只能使用一次

通配符选择器

概念：通配符选择器用（星号*）号表示，（星号*）就是选择所有的标签他是所以选择器中作用范围最广的，能匹配页面中所有的元素。

css字体样式

1font字体

1.1font-size字体大小

作用：font-size属性用于设置字号

1.2font-family：字体

作用：font-family属性用于设置字体

1.3font-weight：字体粗细

normal：默认值（不加粗的）

bold：定义粗体（加粗的）

100-900：400等同与normal，而700等同于bold我们重点记住这句话

1.4font-style：字体风格

normal：默认值，浏览器会显示标准的字体样式 font-style：normal；

italic：浏览器会显示斜体的字体样式。

1.5font：综合设置字体样式

使用font属性时，必须按上面语法格式中的顺序书写，不能更换顺序，各个属性以空格隔开。

2.CSS外观属性

2.1 color：文本颜色

作用：color属性用于定义文本的颜色

2.2text-align：文本水平对齐方式

作用：text-align属性用于设置文本内容的水平对齐，相对于html中的align对齐属性

其属性值如下：

left：左对齐

right：右对齐

center：居中对齐

注意：是让盒子里面的内容水平居中，而不是让盒子居中对齐

2.3line-height：行间距

作用：line-hright属性用于text-indent：首行缩进

2.4text-indent：首行缩进

作用：text-indent属性用于设置首行文本缩进und

2.5text-decoration 文本的装饰

none：默认。定义标准的文本。取消下划线（最常用）

underline:定义文本下的一条线。下划线也是我们链接自带的

overline：定义文本上的一条线

line-through：定义穿过文本下的一条线

2.6CSS外观属性总结

color：颜色 我们通常用十六进制

line-height：行高 控制行与行之间的距离

text-align:水平对齐 可以设定文字水平的对齐方式

text-indent：首行缩进 通常我们用于段落首行缩进2个字的距离 text-indent：2em；

text-decoration：文本修饰 记住添加下划线underline取消下划线none