CSS样式

CSS概念

最开始的网页用HTML标签和属性来设计网页的内容和标签，现代网页为了便于修改网页样式，将网页的内容和样式分离，用HTML设计网页的结构，用CSS设计网页的样式。
CSS是Cascading Style Shccls即层叠样式表，网页显示的都是多层样式相叠加的效果。

CSS语法

CSS基本语法

CSS添加方法

CSS添加方法——行内

CSS添家方法——内嵌

选择器p表示对所有的p标签添家样式。

注意：

1.内嵌样式的方法只对当前页面有效
2.适合文件很少且CSS代码也不多的情况
3.如果站点有很多页面，后期要修改样式时会变得很困难。

CSS添加方法——单独文件

sublime快捷方式：link：css

CSS添加方法的优先级

CSS选择器

标签选择器

类别选择器

ID选择器

ID选择器和类别选择器的区别：

ID选择器只能在当前页面引用以此，而类别选择器可以多次被引用，作用于多个网页元素。

嵌套声明

用空格隔开表示嵌套

集体声明

用逗号隔开表示集体声明

全局声明

全局声明用*表示

选择器混合

混合使用时若同时申明内容相同，取第一个。

CSS样式——文字样式

单位与颜色：

单位

百分比单位是相对于父层的字体大小而言的。

颜色

text：

文本属性

字符间距

字符间距设置为负数有一个重叠效果。

行高的典型应用

行高的一个典型应用是用于设置垂直方向上的居中对齐，将line-hight设置为与盒子的高度一致。

装饰线

装饰线text-decoration设置为none表示没有装饰线，一般用于超链接中（超链接中默认有下划线）。

front：

字体

简化front的使用方法

CSS样式——背景与超链接

背景：

背景属性

background-repeat表示背景图片的填充方式
对于一个空元素，只有在定义了元素的高度和宽度时才能显示出背景。

背景举例

超链接：

超链接四种状态

四种状态的顺序

超链接举例

超链接默认有下划线，若要没有下划线则需要申明：text-decoration：none；

鼠标悬停放大效果

CSS样式——列表和表格

列表：

列表属性

标志类型

标志位置

标志位置

标志图像

表格：

表格

表格边框合并

、

表格的奇偶选择器

括号里面的值可以是数字或者奇odd，偶even表示
td：表格单元格；th：表头单元格；tr：行