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}
写样式之前先进行样式重置
