CSS学习笔记

CSS基础

CSS:层叠样式表
作用：让网页变得更漂亮
引入方式：内嵌式：CSS写在style标签中
外联式：CSS写在一个单独的.css文件中
行内式：CSS写在标签的style属性中

<link>//外联式，在html中引入CSS
<style>
属性：
	color:颜色
	font-size:文字大小
	background-color:填充颜色
	width:宽
	height:高
/* 类选择器 */
.green {
    color: darkgreen;
}
/* id选择器 */
#blue {
    color: rgb(8, 12, 255);
}
/* 通配符选择器 */
* {
    color: aqua;
}
/* 标签水平居中 */
    margin: 0 auto;

字体和文本样式

字体属性：
font-size:字体大小，默认大小是16px
font-weight:字体粗细
font-style:文字是否倾斜
font-family:字体样式
复合属性：
h1 {
    /* font: style weight size 字体 */
    font: italic 700 66px 宋体;
}
文本属性：
text-indent:文本缩进
text-align:文本水平对齐方式
text-decoration:文本修饰
	underline:下划线
	line-through:删除线
	overline:上划线
	none:无装饰线
text-height:行高

• CSS书写顺序：浏览器执行效率更高
  1.浮动/display
  2.盒子模型：margin border padding 宽度高度背景色
  3.文字模式