首页 > 程序开发 > web前端 > HTML教程 > HTML实例/测验/总结 >

HTML 样式

2016-01-29

HTML Style 元素源代码

HTML Style 元素
源代码

Look! Styles and colors

Manipulate Text
Colors Boxes
and more...

运行结果
\
背景色样式
源代码

This is a heading

This is a paragraph.

运行结果
\
字体样式,颜色,大小
源代码

A heading

A paragraph.

运行结果
\
文本对齐样式
源代码

Center-aligned heading

This is a paragraph.

运行结果
\
设置文本字体
源代码

This is a heading

This is a paragraph.

运行结果
\
设置文本字体大小
源代码

This is a heading

This is a paragraph.

运行结果
\
设置文本字体颜色
源代码

This is a heading

This is a paragraph.

运行结果
\
设置文本字体,字体大小,字体颜色
源代码

This is a paragraph with some text in it. This is a paragraph with some text in it. This is a paragraph with some text in it. This is a paragraph with some text in it.

运行结果
\
HTML使用不同样式
源代码

This is a heading

This is a paragraph.

运行结果
\
没有下划线的链接
源代码


Visit w3cschool.cc!

运行结果
\
链接到一个外部样式表
源代码

I am formatted with an external style sheet

Me too!

运行结果
\
实例解析

HTML 样式- CSS


CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式.

Look! Styles and colors

Manipulate Text
Colors, Boxes
and more...



如何使用CSS

CSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的.

CSS 可以通过以下方式添加到HTML中:

  • 内联样式- 在HTML元素中使用"style" 属性
  • 内部样式表 -在HTML文档头部
区域使用


外部样式表

当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。





HTML 样式标签

标签 描述
相关文章
最新文章
热点推荐