首页 > web前端 > css教程 > 正文

Lesson01_04 格式标签与文本标签_基础教程

php中文网
发布: 2016-05-16 12:08:59
原创
1920人浏览过
 

段落标签:

代码:

右对齐的一段


效果:

右对齐的一段

代码:

左对齐的一段


效果:

左对齐的一段

代码:

居中对齐的一段


效果:

居中对齐的一段

换行标签:


例:代码:这是第一行
这是第二行
效果:这是第一行
这是第二行

强制不换行:不想让换行的内容

注:加在其中的内容不会因为浏览器的变化而换行

缩进显示:

代码:
想要缩进的内容

效果:
想要缩进的内容
代码:
想要缩进的内容

效果:
想要缩进的内容

居中显示:

代码:
www.loncer.cn

效果:
www.loncer.cn

移动显示:


两个属性:
1、BEHAVIOR(设置移动的方式)
代码 效果
www.loncer.cn www.loncer.cn
www.loncer.cn www.loncer.cn
www.loncer.cn www.loncer.cn

2、DIRECTION(设置移动的方向)
代码 效果
www.loncer.cn www.loncer.cn
www.loncer.cn www.loncer.cn
www.loncer.cn www.loncer.cn
www.loncer.cn www.loncer.cn

列表:

    1. 代码 效果
      中国城市
      武汉
      上海
      太原
      美国城市
      华盛顿
      芝加哥
      纽约
      中国城市
      武汉
      上海
      太原
      美国城市
      华盛顿
      芝加哥
      纽约
      1. 武汉>/LI>
      2. 上海>/LI>
      3. 太原>/LI>>
      1. 武汉
      2. 上海
      3. 太原
        • 武汉>/LI>
        • 上海>/LI>
        • 太原>/LI>>
        • 武汉
        • 上海
        • 太原

          预格式化:
          登录后复制
          登录后复制
          登录后复制


          写字版中的显示效果 没有用@@######@@标签的效果 用了@@######@@标签效果
          @@######@@ this is my ibm thinkpad! 代码:
          @@######@@效果: @@######@@

          文本标签

          标题标签:
          从大到小:

          ……
          代码 效果

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字
          这就是标题文字
          这就是标题文字
          这就是标题文字

          粗体标签:

          代码:哈哈哈哈哈……
          效果:哈哈哈哈哈……

          打印机方式显示标签:

          代码:哈哈哈哈哈……
          效果:哈哈哈哈哈……

          引用方式来显示标签:

          代码:哈哈哈哈哈……
          效果:哈哈哈哈哈……

          斜体标签:

          代码:哈哈哈哈哈……
          效果:哈哈哈哈哈……

          下划线标签:

          代码:哈哈哈哈哈……
          效果:哈哈哈哈哈……

          强调的文本显示标签(斜体加粗体):

          代码:哈哈哈哈哈……
          效果:哈哈哈哈哈……

          加重的文本显示标签(黑体加粗体):

          代码:哈哈哈哈哈……
          效果:哈哈哈哈哈……

          下标标签:

          代码:我是哈哈哈哈哈……
          效果:我是哈哈哈哈哈……

          上标标签:

          代码:我是哈哈哈哈哈……
          效果:我是哈哈哈哈哈……


          FONT标签(斜体加粗体):

          三个重要的属性:
          1、FACE(字体)
          2、SIZE(大小从-7到+7:显示从小到大)
          代码 效果
          -7 -7
          +7 +7
          3、COLOR(颜色)
          代码 效果
          红色 红色
          还是红色 还是红色

          登录后复制
          登录后复制
          登录后复制
          登录后复制
          登录后复制
          登录后复制
          这是一段文字: this is
                    my
                    ibm   thinkpad!
          登录后复制
          登录后复制
          <pre class="brush:php;toolbar:false">这是一段文字: this is
                    my
                    ibm   thinkpad!<div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><PRE>
          登录后复制
        • 登录后复制
          登录后复制
          这是一段文字: this is
                    my
                    ibm   thinkpad!
          登录后复制
          登录后复制
          最佳 Windows 性能的顶级免费优化软件
          最佳 Windows 性能的顶级免费优化软件

          每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

          下载
          来源:php中文网
          收藏 点赞
          上一篇:不用float实现div模块居中布局_经验交流 下一篇:从Table向Css过渡的优缺点比较_经验交流
          本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
          最新问题
          相关专题
          更多>
          热门推荐
          开源免费商场系统广告
          热门教程
          更多>
          最新下载
          更多>
          网站特效
          网站源码
          网站素材
          前端模板
          关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
          php中文网:公益在线php培训,帮助PHP学习者快速成长!
          关注服务号 技术交流群
          PHP中文网订阅号
          每天精选资源文章推送
          PHP中文网APP
          随时随地碎片化学习
          PHP中文网抖音号
          发现有趣的

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