如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
html如何从外部应入CSS样式文件
CSS文档,为了方便管理与编辑,为了可以多次利用同一个CSS样式,我们很多时候会选择将CSS代码单独保存在一个CSS文档中,通过从外部引用的方式来使用CSS代码。
工具/原料
- CSS
- HTML
方法/步骤
首先,您需要新建一个html文档。
同时,您还需要新建立一个CSS文档。
同时完成了html文档与CSS文档的建立里,您就可以引用CSS文档了。
注意,CSS文件的后缀名要为CSS,比如我们在当其目录下建立的CSS文件名为index.css
与将CSS将在Style标签中一样,您需要在html代码中添加class或id,不过建议使用class,因为id很多时候主要是JS在用。将来代码复杂了,不太好分辨标签的作用。
在CSS文件中写入以下代码。
写完了代码后,我们运行页面。
您会发现,页面并没有我们定义的效果,这是因为没有引入CSS文档。
在head>/head>之间添加以下代码。
完成添加后,我们使用浏览器打开我们的html文档。您会看到有效果了。
添加CSS到html中就是这么简单,希望对您有用!
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 438 HTML