HTML样式CSS的三种写法_随笔

CSS是样式层叠表，有三种引入方式。下面，我们来看看HTML样式CSS的三种写法吧。

行内样式

CSS可以直接放到行内样式中引入即可，比如代码如下图：

hello world！

</p>

嵌入式

还可以采用潜入方式引入CSS，就是把CSS写到<style>标签中，这种方式比较实用，如下图所示：

h1 {color: red}

</style>

<h1>hello world</h1>

外部样式表

还有一种叫做外部样式，也就是把CSS写在另外一张页面上，然后再引用到指定页面就可以了，这种也很常见。

@import url(main.css)

具体意义如下：

<html> //html标志

<body style="background-color:PowderBlue"> 主体样式 ——背景颜色

owderBlue<h1>Look! Styles and colors</h1> 标题默认H1<p style="font-family:verdanacolor:red"> 段落样式——字体：verdana；颜色：红

This text is in Verdana and red</p> 段落内容<p style="font-family:timescolor:green"> 段落样式——字体：times；颜色：绿

This text is in Times and green</p>段落内容<p style="font-size:30px">This text is 30 pixels high</p> 段落样式——字体大小：30%</body> 主体结束

</html> HTML结束

拓展资料：

超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点------就是一种URL指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。

由此可见，网页的本质就是HTML，通过结合使用其他的Web技术（如：脚本语言、CGI、组件等），可以创造出功能强大的网页。因而，HTML是Web编程的基础，也就是说万维网是建立在超文本基础之上的。

欢迎分享，转载请注明来源：内存溢出

HTML样式CSS的三种写法