1、常用样式：

1.文字下划线:

text-decoration:underline;

段落标记 设置标签分别左中右对齐

<p align="left">黑马</p>
        <p align="center">IT问答</p>
        <p align="right">程序员</p>

效果：

2.文字倾斜：

font-style: oblique;

3.外边距：

marign 0,0,0,0;

4.行高：

line-height: ;

文字行间距：letter-spacing: px;

5.css层级设置

在css中，可以使用z-index属性设置元素层次，只需要给指定元素设置“z-index:auto|数值;”样式即可；
z-index属性可以指定一个元素的堆叠顺序
拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

例：

6.设置文本样式：

1、文本样式使用    
   <style type="text/css">
      div{
        font-style:italic;
        font-weight:bold;
        font-size:30px;
        font-family:隶书;
      }
    </style>
        font-style:italic;      样式为斜体
        font-weight:bold;  样式为粗体    
        font-size:30px;       字体大小为30
        font-family:隶书;     字体为隶书体

6.1常用文本样式

6.2文字加粗

6.3文字倾斜

7.overflow:hidden

overflow:hidden：就是溢出隐藏的意思
overflow:hidden最直白的作用就是当元素内的内容溢出的时候使它隐藏溢出的部分

8.清除元素的默认内外边距

为了更方便的控制网页中的元素，制作网页时，可使用如下代码

*{
padding :0 ;/*清除内边距*/
marign:0;  /*清除外边距*/
}

9.HTML 中有用的字符实体

注释：实体名称对大小写敏感！

    显示结果  描述      实体名称    实体编号
              空格              
    <         小于号       &lt;       &#60;
    >    大于号    &gt;    &#62;
    &    和号    &amp;    &#38;
    "    引号    &quot;    &#34;
    '    撇号     &apos; (IE不支持)    &#39;
    ￠    分（cent）    &cent;    &#162;
    £    镑（pound）    &pound;    &#163;
    ¥    元（yen）    &yen;    &#165;
    €    欧元（euro）    &euro;    &#8364;
    §    小节    &sect;    &#167;
    ©    版权（copyright）    &copy;    &#169;
    ®    注册商标    &reg;    &#174;
    ™    商标    &trade;    &#8482;
    ×    乘号    &times;    &#215;
    ÷    除号    &divide;    &#247;

样式                 值                 作用                
font-size 数字 设置字体大小
font-weight normal   | bold | bolder | lighter |  inherit  
默认值 |  定义粗体字符  |  定义更粗的字符 | 定义更细的字符 |规定应该从父元素继承字体的粗细 设置文字是否加粗（ 自由定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold）
font-style     normal   | italic | oblique |  inherit  
默认值 |  显示一个斜体的字体样式  |  浏览器会显示一个倾斜的字体样式 | 规定应该从父元素继承字体样式 设置文字是否为斜体 
font-family 字体名称 设置文字显示的字体名称      
text-align left   | center | right | justify ｜ inherit
把HTML元素中的文本排列到左边 
把HTML元素中的文本排列到中间
把HTML元素中的文本排列到右边
实现两端对齐文本效果
规定应该从父元素继承 text-align 属性的值 水平对齐方式
vertical-align  baseline   默认。元素放置在父元素的基线上
 sub   垂直对齐文本的下标
 super   垂直对齐文本的上标
 top   把元素的顶端与行中最高元素的顶端对齐
 text-top   把元素的顶端与父元素字体的顶端对齐
 middle   把此元素放置在父元素的中部
 bottom   把元素的顶端与行中最低的元素的顶端对齐
 text-bottom   把元素的底端与父元素字体的底端对齐
 length  
 %   使用 "line-height" 属性的百分比值来排列此元素允许使用负值
 inherit   规定应该从父元素继承 vertical-align 属性的值 垂直对齐方式
text-indent    长度（text-indent:2em  首行缩进两字符） 设置文本缩进
line-height normal   | 长度 设置行高
text-decoration  none   | blink | underline |   line-through | overline
默认标准文本 | 定义闪烁的文本 | 下划线 |  定义穿过文本下的一条线 ｜ 上划线  设置文本装饰

[

](https://blog.csdn.net/weixin_43343144/article/details/88837474)