首页 > 软件开发 > CSS >

CSS如何嵌入到HTML中

来源:互联网 2023-03-16 19:17:44 253

HTML大家都非常熟悉了,每天打开电脑HTML都会与大家见面,大家看到的HTML都很美观,其实呢,大部分功德还是CSS的,那CSS到底是什么东西呢?CSS真有这么大的本事让网页变得非常美观吗?下面小编就带大家熟悉下,CSS的魔法。w8z办公区 - 实用经验教程分享!

首先,弄清楚,CSS具体是什么东西,它是Cascading Style Sheet的缩写,也就是样式的意思,即网页的样式。w8z办公区 - 实用经验教程分享!

那么,我们怎样把CSS嵌入到网页中呢,共三种方式:w8z办公区 - 实用经验教程分享!

  • 没有样式的网页如下:w8z办公区 - 实用经验教程分享!

    w8z办公区 - 实用经验教程分享!

    w8z办公区 - 实用经验教程分享!

  • 行内式样式,代码写在具体网页中的一个元素内,如下:w8z办公区 - 实用经验教程分享!

    w8z办公区 - 实用经验教程分享!

    w8z办公区 - 实用经验教程分享!

  • 嵌入式样式,代码写在style type="text/css">中,示例如下:w8z办公区 - 实用经验教程分享!

    w8z办公区 - 实用经验教程分享!

    w8z办公区 - 实用经验教程分享!

  • 外部样式表,代码写在另一个文件中,如style.css中,示例如下:w8z办公区 - 实用经验教程分享!

    w8z办公区 - 实用经验教程分享!

    w8z办公区 - 实用经验教程分享!

  • 其中,style.css的代码如下:w8z办公区 - 实用经验教程分享!

    w8z办公区 - 实用经验教程分享!

    这三个样式可以用任何中的一个,不过外部样式表用得最多,其中,它们三个优先顺序是:行内式——嵌入式——外部样式表。最后,希望大家在CSS上面越走越远。w8z办公区 - 实用经验教程分享!

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!w8z办公区 - 实用经验教程分享!


    标签: CSS

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码