HTML--CSS

1常用html标签

01.png

h1~h6    标题
    <h1></h1>
    <h2></h2>
           …
<p>段落
<img src="（路径）images/timg.jpg" alt="xxx">  插入图片 
<br>  换行 
 <input type="text"><button>百度一下</button>  插入搜索栏
<ul>  无序列表  
<li>  列表项
shift+Alt+↓  快速下拉复制
<a>  链接标签·
href  指定网址
<div>  可以把文档分割为独立的、不同的部分。
<dl> 定义列表
<dt> 定义术语
<dd> 定义描述

2css标签

03.png

        background-color:背景颜色设置
        height: 行高
        line-height: 文本在行高中垂直居中
        color: 字体颜色
        text-align: 设置文本的对齐方向
        font-size: 设置字体大小

3css常用选择器

04.PNG

.one{     //定义class名称
      color: red  
     }
 +classname""选择class     可以选择多个
#three{
     color: yellow
    } 每一个id名都是唯一的
        --写样式时不要用id选择器
h1:hover{
            color: red;/*鼠标经过时文字的颜色*/
        }

4盒子模型

05.png

margin   可以改变元素的位置
border   可以改变元素的宽度 
 padding  可以改变元素的width,height.

5水平居中

06.PNG

6样式重置

07.png

*{margin: 0;padding: 0}
写样式之前先进行样式重置