Java Web实验二HTML+CSS第二题 知识点

91 阅读1分钟

1. HTML框架

image.png

2. 响应式设计(记住即可 不理解没事)

写法
<meta name="viewport" content="width=device-width, initial-scale=1.0">
含义
1.name=“viewport”声明meta是关于viewport配置的信息
2.content=“width=device-width”将视口宽度设置为设备的宽度,确保网页的宽度与设备屏幕的宽度一致,而不是使用默认的较宽视口
3.initial-scale=1.0:设置初始缩放比例为 1.0,表示页面在初始加载时不缩放。

3. 引用CSS的方式

image.png

  • 内部样式表

image.png

  • 外部样式表 image.png

image.png

  • 内联样式

image.png

4. 列表(有序列表无序列表及列表嵌套)

  • 有序列表

image.png

  • 无序列表

image.png

5. 表格

image.png

6. 零碎标签

<h1></h1>一级标题 一~六
<p></p>段落
<hr>横线隔开