登录  /  注册
首页 > web前端 > html教程 > 正文

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

php中文网
发布： 2016-06-24 11:16:08
原创
1002人浏览过

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

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

    智能AI问答
    PHP中文网智能助手能迅速回答你的编程问题，提供实时的代码和解决方案，帮助你解决各种难题。不仅如此，它还能提供编程资源和学习指导，帮助你快速提升编程技能。无论你是初学者还是专业人士，AI智能助手都能成为你的可靠助手，助力你在编程领域取得更大的成就。
    我要提问
    来源：php中文网
    收藏 点赞
    上一篇：html+ccs3太阳系行星运转动画_html/css_WEB-ITnose 下一篇：$.each遍历集合给input标签传值的问题_html/css_WEB-ITnose
    本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
    作者最新文章
    最新问题
    function_exists()无法判定自定义函数 function test()    {        return true;    } ...
    凡人来自于2024-04-29 11:01:01
    0 19 1375
    google 浏览器 手机版显示的怎么实现 老师您好，google 浏览器怎么变成手机版样式的？
    艾尼宛尔.亚森来自于2024-04-23 00:22:19
    0 6 1245
    子窗口操作父窗口，输出没反应 前两句可执行，最后一句没法应
    P粉722478067来自于2024-04-19 15:37:47
    0 1 1272
    父窗口没有输出 document.onclick = function(){ window.opener.document.write('我是子窗口的输出');  &nb...
    P粉722478067来自于2024-04-18 23:52:34
    0 0 1061
    关于CSS思维导图的课件在哪？ 课件
    凡人来自于2024-04-16 10:10:18
    0 0 1174
    PX自动转换为REM错误  <style>html {   font-size: calc(100vw / 3.75);      }...
    凡人来自于2024-04-16 09:34:16
    0 0 5977
    PHP数组从URL参数中获取的行为不如预期 我有一个包含类别ID的URL参数，我想将其视为一个数组，如下所示：http://example.com?cat[]=3,9,13在PHP中，我使用它从URL参数获取数组：$catI...
    P粉785905797来自于2024-04-06 22:09:02
    0 1 1465
    通过添加 Width 属性将内容向左移动 我已经为主体提供了边距。主要{左边缘：200px;右边距：200px；文本对齐：居中}由于我想以两行而不是一行显示文本，因此我在样式中添加了width属性。.p{字体大小：12px...
    P粉738046172来自于2024-04-06 22:01:35
    0 3 578
    我应该在 apache 中哪里放置 CustomLog 指令 我正在使用php:7.2-apachedocker。我需要禁用运行状况检查url登录访问日志。基于此链接，他们提到了有关修改Customlog指令的信息。我不是关于需要更改Cust...
    P粉573809727来自于2024-04-06 22:03:59
    0 1 659
    返回值中变量的格式是什么？ 我是php的新学习者。我发现有一段代码：if($x<time()){return[false,'error'];}逻辑或变量并不重要，但我不明白[false,'error']...
    P粉757556355来自于2024-04-06 21:55:20
    0 1 441
    相关专题
    更多>
    热门推荐
    热门教程
    更多>
    相关推荐
    热门推荐
    最新课程
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
    php中文网：公益在线php培训，帮助PHP学习者快速成长！
    关注服务号 技术交流群
    app下载
    PHP中文网订阅号
    每天精选资源文章推送
    PHP中文网APP
    随时随地碎片化学习
    PHP中文网抖音号
    发现有趣的

    Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 精品班

  • 技术支持

  • 技术咨询

  • 学习群

  • 会员优惠

  • 返回顶部