CSS的一些基本样式的简单介绍

版权声明：Lemon小马哥 转载请注明出处--辰小猛的博客，谢谢，尊重劳动成果 https://blog.csdn.net/weixin_41298721/article/details/87462909

1、字体样式
font-family：设置字体类型
font-size：设置字体大小
字体风格属性：font-style常用属性值：

1.普通字体：normal 默认
2.斜体样式：italic
3.倾斜体样式：oblique

字体加粗属性为：font-weight 常用取值：

1.normal：默认值，定义标准的字体。
2.bold：粗体字体
3.bolder：更粗的字体。
4.lighter：更细的字体。
5.100、200、300、400、500、600、700、800、900：定义由细到粗的字体。
（400等同于normal，700等同于bold）

2、文本样式
1.text-align:设置文本水平对齐方式，常用值：

left  right  cente*r

2.line-height:设置文本行高属性
3.text-indent：设置文本首行缩进
4.text-decoration:设置文本装饰
常用属性：none 默认值：标准 （常用在超链接设置，超链接默认属性是text-decoration：underline）

underline：设置文本下划线
overline:设置文本上划线
line-through：设置文本删除线

3、链接样式
顺序：爱恨原则 LoVe HAte
注意：不要给一个超链接过多加伪类

/*未访问前样式*/
a:link{
color: black;
text-decoration: none;
}
/*已经访问的超链接样式*/
a:visited{
color: blue;
}
/*鼠标移动到链接的样式*/
a:hover{
color: red;
}
/*点击未释放*/
a:active{
color: blueviolet;
}

4、背景颜色
1.background-color:设置背景颜色
2.background-image: url(图片路径); 设置背景图片
3.background-repeat: no-repeat;取消背景图片平铺
（background: url(…/image/1.jpg) no-repeat;//可以进行简写，顺序无所谓）
5、列表样式
1.list-style-type：列表样式

常用值:none 无标记符号
disc 实心圆，默认类型
circle:空心圆
square:实心正方形
decimal：数字

2.list-style-image: url(图标地址)—用图片代替标记符号
6、边框
顺序：边框宽度>边框样式>边框颜色
border-width: 边框宽度;
border-color: 颜色;
border-style: 线的样式;

border-style的常用值：
dotted:点状边框
dashed:虚线
solid:实线
double:双线

7、表格
只写几个常用的样式：
1.border-collapse: collapse;合并表格边框
2.width: 600px;设置宽度
3.text-align: center;设置内容居中