本文介绍了HTML中下拉框(select与option)的使用，以及CSS的三种应用方式：行内样式、内嵌样式和外部样式。重点讲解了HTML文件如何通过link标签引入和利用外部样式表实现结构与样式的分离。
今天是我最后一天学习HTML，今天学习了表单中的最后一项，下拉框，下拉框是select标签select是一个双标签，在其中包裹的是一个option标签，option标签也是一个双标签，下拉框一般应用于页面需要选择地区方面，其中有一个值是selected（默认选中），下拉框中默认选中第一个或其他选项，一般都是选中第一个。
如图这就是一个下拉框，主要作用是用于籍贯等等信息的展示。
CSS是样式表，就和一个女生出门要化妆一样，要将自身打扮精致，CSS的使用方式有三种，第一种是行内样式，行内样式就是将style属性放入标签内将文字背景等进行变色。
这张图就是行内样式在vscode中的书写形式。
第二种内嵌样式：内嵌样式是在head头部中添加style标签，在style标签中找到你所要添加的样式的标签。
第三种是外部样式，外部样式就是把 CSS 代码保存在一个单独的文件中，文件的扩展名为 .css，然后在 HTML 页面中引入这个 CSS 文件即可。
HTML 文件引入外部样式表有两种方式，分别是链接式和导入式。
链接外部样式表就是在 HTML 文件中使用 <link/> 标签链接外部样式表，且 <link/> 标签必须放到 HTML 中的 <head> 标签内。在一个 HTML 页面中可以链接多个 CSS 文件，一个 CSS 文件也可以被多个 HTML 页面引用。
外部样式表实现了结构与样式的彻底分离，一个 css 文件可以应用到多个 HTML 页面中。当改变 css 文件中的样式时，所有应用这个 css 文件的页面中的样式都会随之改变。
这是我今天所学分享，希望对和我一样的小白有所帮助。
扫一扫
902
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
