2023年2月18日周记总结-CSDN博客

本文链接：https://blog.csdn.net/liu12345_6789/article/details/129103192

html5入门的大致组成:

编码使用字符集utf-8,主要使用HTML5进行网页的制作。在HTML标签的head的标签中写入title标签为网页的标题，HTML标签中的body写入网页的内容。一般用html修饰网页的结构，css修饰网页的行为，若css写在css文件夹中，则需要link去接收css文件夹的内容，如若写在HTML的head标签内则不需要用link去接收。

部分标签的使用:

从h1-h6共六个标题标签，表现内容的文字的大小不同，但占据的字节数相同，文字的大小并不影响其占据的空间,但是一般只使用h1-h3。其次还有块元素，行内元素的使用；如div、p等元素是块元素（上述h1-h6也是块元素，元素也叫标签，二者等价），而span、img、a等则是行内元素；通过 display可以将块级元素和行内元素相互转化。div的作用是独占一行，p元素则是一段，并有自己的格式，可以通过一些元素进行改变块级内容，如设置块级内容间的行间距、首行缩进等。span是在行间起作用的，如果达到页面的最右端则开始换行，而可以利用img元素的src属性进行添加图片，也可利用alt给图片命名，虽然不会显示，但是对于搜索引擎有用。至于a标签则可以对其内容设置超链接，如果给a的href设置网址，点击a内容则会访问到其网址指定的内容，也可以将a标签的href设置成其他标签的id值，如果设置成其他元素的id置值，点击后会回到其他元素指定的内容。还有一些元素如em strong等 ·

选择器的相关知识：

选择器有伪类选择器、通配选择器、元素选择器、类选择器、id选择器等；通过css使用选择器可以设置网页的表现；选择器的优先级为内联选择器1000、id选择器为100，类与伪类选择器10、元素选择器为1、通配选择器为0、从父类继承下来为最小，一般最好设置一下通配选择器。

盒子模型、浮动和定位：

盒子模型有内容区，内边距，边框和外边距，可以通过相关元素进行调节，如padding调节内边距，border调节边框，margin调节外边距。浮动可以通过display进行设置，通过left等属性进行调节。定位通过position属性设置，relative是相对定位，absolute是绝对定位，而fixed是设置固定定位，通过这些去调整盒子的位置。