当前位置:Gxlcms > css > Lesson01_04格式标签与文本标签_基础教程

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

时间:2021-07-01 10:21:17 帮助过:39人阅读

段落标签:

代码:

右对齐的一段


效果:

右对齐的一段

代码:

左对齐的一段


效果:

左对齐的一段

代码:

居中对齐的一段


效果:

居中对齐的一段

换行标签:


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

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

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

缩进显示:

代码:
想要缩进的内容

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

效果:
想要缩进的内容

居中显示:

代码:
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

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

          预格式化:


          写字版中的显示效果 没有用
          标签的效果
          用了
          标签效果
          这是一段文字: this is
                    my
                    ibm   thinkpad!
          this is my ibm thinkpad! 代码:
          这是一段文字: this is
                    my
                    ibm   thinkpad!
          效果: 
          这是一段文字: this is
                    my
                    ibm   thinkpad!

          文本标签

          标题标签:
          从大到小:

          ……
          代码 效果

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

          这就是标题文字

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

          粗体标签:

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

          打印机方式显示标签:

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

          引用方式来显示标签:

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

          斜体标签:

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

          下划线标签:

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

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

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

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

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

          下标标签:

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

          上标标签:

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


          FONT标签(斜体加粗体):

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

          人气教程排行