时隔一年,重用了一下HTML和CSS

HTML

列表

无序列表   ul-li

有序列表  ol-li

表格

border指边框,cellspacing指表格元素之间的空隙,为0,则两两边框合二为一

<tr align="center">指这行居中

 table是表格

tr指第一行,th指表头元素(第一行的各个列元素)

后面tr依旧,td指此行内的每一列元素

 

表单元素

 action和method不必介绍

name是可以重复的,id是不可重复的。当submit后,select提交的是value值

label for绑定的是name的值,当点击label里的值相当于点击了input输入框

 

div标签

 class一般指类,可以帮助css选择此块。

 

CSS

.XXXX是选择class为XXXX的选择器

#XXXX是选择id为XXXX的选择器

XXXX是选择元素为XXXX的选择器

 

 margin外边框

padding内边框

Content内容

display设置此块的展示模式,行内,行内块,块

div内元素居中:

  1. display: flex;
  2.  justify-content: center;/*垂直居中*/
  3.  align-items: center;/*水平居中*/

div居中

 设置width和height

设置margin外边距

设置display显示模式

设置position上左下右

posted @ 2023-06-06 20:15  易山凌  阅读(16)  评论(0)    收藏  举报