2021.03.11CSS

三大选择器

ID选择器(#id)>类选择器(.class)>标签选择器(标签名)

其他选择器

后代选择器 p span ：p中所有的span
子选择器 p>span : p中直系子节点
分组选择器 h1,h2,h3

div:把网页进行模块化分类

行内元素：不会自动换行---宽和高不生效
块元素：会自动换行的
行内块 img input

浮动(float)

定位(position)

absolute绝对定位
relative相对定位
fixed：固定定位

盒模型: padding:内边距
             margin：外边距

字体：

font-size: 12px;/*字体的大小*/
font-family: "宋体";/*字体的风格*/
text-decoration: none;/*去除超链接的下划线*/
text-decoration: underline;/*显示超链接下划线*/
text-align: center;/*设置div中文本居中  水平居中*/
line-height:40px ;/*设置div中内容垂直居中 行高等于div的高度就会自动居中*/

背景：

 background-image: url(img/1.png);/*设置背景图片*/
background-repeat: no-repeat;/*设置背景图片不重复*/
 background-position: center;/*设置背景图片居中*/
/*background-size: 900px  700px;*/ /*设置背景图片的大小*/
background-color: rgb(233,8,53);/*设置背景颜色*/

list-style: none;   去掉li前面的符号