CSS如何嵌入到HTML中

HTML大家都非常熟悉了,每天打开电脑HTML都会与大家见面,大家看到的HTML都很美观,其实呢,大部分功德还是CSS的,那CSS到底是什么东西呢?CSS真有这么大的本事让网页变得非常美观吗?下面小编就带大家熟悉下,CSS的魔法。 首先,弄清楚,CSS具体是什么东西,它是Cascading Style Sheet的缩写,也就是样式的意思,即网页的样式。 那么,我们怎样把CSS嵌入到网页中呢,共三种方式:

没有样式的网页如下:

行内式样式,代码写在具体网页中的一个元素内,如下:

嵌入式样式,代码写在<style type="text/css">中,示例如下:

外部样式表,代码写在另一个文件中,如style.css中,示例如下:

其中,style.css的代码如下: 这三个样式可以用任何中的一个,不过外部样式表用得最多,其中,它们三个优先顺序是:行内式——嵌入式——外部样式表。最后,希望大家在CSS上面越走越远。