day02 day02 - 锐客网

HTML--CSS

1常用html标签

文章图片
01.png

h1~h6标题…【day02】段落文章图片插入图片换行插入搜索栏
无序列表
列表项 shift+Alt+↓快速下拉复制链接标签· href指定网址可以把文档分割为独立的、不同的部分。
定义列表定义术语
定义描述

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

day02