html5

CSS样式与文本属性详解

最新推荐文章于 2022-05-03 19:40:29 发布

weixin_30906671

最新推荐文章于 2022-05-03 19:40:29 发布

阅读量39

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hanxiaowen/p/5462351.html

本文详细介绍了CSS中span标签的使用方法及其属性，包括字体大小、颜色、文本对齐方式等，帮助读者掌握如何更好地运用这些属性进行网页排版。

<span>标签的作用 
  
  <p>XX<span class="show">"开放式"</span>XXXX</p>
  <p> 在 ... ，有一群人默默支持你的成就。
 
    <span id="dream">IT 梦想</span></p> span可以在任何你想插入的内容

 
    font-size 属性 
      单位 ： px （像素）
      PT ：磅 

    font-style 属性

     normal、italic 和 oblique  （斜体 。正常字体）

    font-weight 属性 

     normal 默认值        bold  粗体字体  bolder 更粗的字  lighter  更细的字 

     font 属性   
      字体属性的顺序： 字体风格 - 字体粗细 - 字体大小 - 字体类型 
   
        p span {font：oblique bold 12px "楷体"}
 
     文本属性 ，color 设置文本颜色 、 text-align 元素水平对齐方式 text-indent 首行文本的缩进

                  line-height 文本的行高  text-decoration 文本的装饰 

    排版文本段落  、水平对齐方式：text-align 属性
      首行缩进 ：text-indent：em 或 px 
       行高 ：line-height ：px 

        left ： 把文本排列到左边 。默认值：由浏览器决定
         right ：把文本排列到右边 
          center ：把文本排列到中间
          justify  ： 实现两端对齐文本效果 

       文本修饰和垂直对齐 
         文本装饰  text-decoration 属性
  
      none 默认值，定义的标准文本
      underline  设置文本的下划线 
       overline    设置文本的上划线
       line-through  设置文本的删除线
       blink   设置文本闪烁 。此值在IE中无效 
 
      <div>标签的用法
        网页布局  、排版网页内容

    <div>网页内容...</div>
  
     #header {
              width：200px;
              height：280;
                   }

             ..........

          <div id="header">网页内容 ... </div>
  
    背景属性 ：（background）
  背景颜色 ：background-color 
  背景图像 ：background-image 
  背景定位 ：background-position
  背景重复方式 :background-repeat 
    list-style-type 

    list-style-image
  说明 ： none、无标记符号 | disc 、实心圆 。默认类型 |
           circle 、空心圆 | square 实心正方形 | decimal 、数字 |

转载于:https://www.cnblogs.com/hanxiaowen/p/5462351.html