1.文本常用样式属性进阶：

  • text-align 设置文字水平对齐方式，如text-align:center 设置文字水平居中
  • text-indent 设置文字首行缩进，如：text-indent:32px; 设置文字首行缩进32px
    CSS部分:
    HTML部分:你好世界大头儿子小头爸爸 一对好朋友 快乐父子俩 儿子的头大手儿小 爸爸的头小手儿很大 大手牵小手 走路不怕滑 走呀走呀走 走 走 转眼儿子就长大 转眼儿子就长大
  1. display属性

作用: 第一个决定了当前元素是否应该显示, 第二个决定了当前元素应该以什么类型显示

display 属性规定元素应该生成的框的类型。

display 的默认属性值是 inline, 此元素会被显示为内联元素

display属性是用来设置元素的类型及隐藏的，常用的属性有：

  • none 元素隐藏且不占位置
  • block 此元素会被显示为块元素
  • inline 此元素会被显示为内联元素
  • inline-block 行内块元素 ( 了解 )
    CSS部分:
    HTML部分:我是要成为海贼王的男人 海贼王下面的div
<a href="#">这是第一个链接</a>
  <a href="#">这是第二个链接</a>
  
  <p  style="display:block">
      葫芦娃 葫芦娃 一根藤上七朵花 小小树藤是我家 啦啦啦啦 叮当当咚咚当当　浇不大 叮当当咚咚当当 是我家 啦啦啦啦
  </p>

补充: ( 了解 )

font:

font: 样式属性是一个集合, 可以吧关于 font 的都放到这个属性里面:

使用方法:

<style>
  div {
       font:  bold italic 18px/20px  arial; 
  }
</style>


HTML部分:
<div>这是div里面的文字</div>

其中: arial 是一种字体, 和 微软雅黑一样.

font-size 和 font-family 的值是必需的。
  • font-style 定义字体的风格
  • normal: 正常
  • italic: 浏览器会显示一个2斜体的字体样式。
  • font-variant 能把字体变小一号并且全大写显示 small-caps 变小一号并且全大写显示 normal 正常
  • font-weight 是否加粗 bold 是加粗 normal 正常
  • font-size/line-height 字体大小 / 行高大小
  • font-family 字体类型