suchen

Heim >Web-Frontend >HTML-Tutorial >LN :跟着W3School学HTML 010_html/css_WEB-ITnose

LN :跟着W3School学HTML 010_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:16:081116Durchsuche

LN :跟着W3School学HTML 010

内容参考自W3School

HTML 教程

HTML 内部样式表

  • 当单个文件需要特别样式时，就可以使用内部样式表。你可以在 head 部分通过header 1

    A paragraph.

    HTML 外部样式表

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

    • 实例解析

    <html><head><link rel="stylesheet" type="text/css" href="/html/csstest1.css" ></head><body><h1>我通过外部样式表进行格式化。</h1><p>我也一样！</p></body></html>

    效果展示

    我通过外部样式表进行格式化。

    我也一样！

    HTML 内联样式

  • 当特殊的样式需要应用到个别元素时，就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。

    • 实例解析

    <p style="color: red; margin-left: 20px">This is a paragraph</p>

    效果展示


    This is a paragraph

    HTML 没有下划线的链接

    实例解析

    <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta http-equiv="Content-Language" content="zh-cn" /></head><body><a href="/example/html/lastpage.html" style="text-decoration:none">这是一个链接！</a></body></html>

    效果展示




    这是一个链接！

    HTML tips

    标签 描述
    定义样式定义
    定义资源引用
    		定义文档中的节或区域（块级）
    定义文档中的行内的小块或区域
    定义基准字体。不赞成使用。请使用样式
    		对文本进行水平居中。不赞成使用。请使用样式
    规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式

    Stellungnahme：
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Vorheriger Artikel：html+ccs3太阳系行星运转动画_html/css_WEB-ITnoseNächster Artikel：$.each遍历集合给input标签传值的问题_html/css_WEB-ITnose

    In Verbindung stehende Artikel

    Mehr sehen