前端--03Day--文本的标签和样式

一.标签

em 标签用于表示一段内容中的着重点。
strong 标签用于表示一个内容的重要性。
这两个标签可以单独使用，也可以一起使用。
通常em显示为斜体，而strong显示为粗体

i标签会使文字变成斜体。
b标签会使文字变成粗体。
这两个标签和em和strong类似，但是这两 个标签没有语义。

small标签表示细则一类的旁注，通常包括 免责声明、注意事项、法律限制、版权信 息等;在显示small标签是他的字号要比父标签字号小

blockquote用于长引用，q用于短引用

ins表示插入的内容，显示时通常会加上下 划线。
del表示删除的内容，显示时通常会加上删 除线。

和

 
表示预约文本格式;表示如果你的内容是代码就要用他
 用
标签包住
 
 
 
  
有序列表
 
 
 
 
   

        
列表项1
        
列表项2
        
列表项3
        
列表项4
        
列表项5
    
    

        
结构
        
表现
        
行为
    
 
 
 
  
无序列表
 
 
 
 
    

        
结构
        
表现
        
行为
    
 
 
 
  
定义列表
 
 
 
 
    
创建
        
笑
描述
        
哈哈
内容
        
呵呵
        
呃呃
    

笑
    哈哈
    呵呵
    呃呃 
 
 
二.文本格式化
 
 
文本格式化px是基本单位 |百分比也是一个大小，但是百分比是相对于父元素来说的（比例）
 em和百分比类似，只不过是相对于font-size来说的，1em = 1font-size
 
 
font-family 写这个字体的时候中间有空格的时候，必须在字体格式那里加上引号（样式表的那里）
 
 
font-style用来指定文本的斜体。
 指定斜体：font-style:italic
 指定非斜体：font-style:normal
 font-weight用来指定文本的粗体。
 指定粗体：font-weight:bold
 指定非粗体：font-weight:normal
 
 
font-variant属性可以将字母类型设置为小 型大写。在该样式中，字母看起来像是稍 微缩小了尺寸的大写字母
 font-weight:bold;粗体
 font-style:italic;斜体
 font-variant:small-caps;小型大写
 字号、字体必须写，不写的话什么效果都出不来 字体要放到最后一位
 
 
 
  
字体属性的简写
 – font:加粗 斜体 小型大写 大小/行高 字体
 这里前边几个加粗、斜体和小型大写的顺 序无所谓，也可以不写，但是大小和字体 必须写且必须写到后两个
 
 
 
 
行间距line-height: 20px;
 font-size: 10px;
 行高减去字体大小就等于行间距
 11.text-align: center 居中对齐
 12.text-indent: 2em 首行缩进2个字符
 
 
字母间距和单词间距
 
 
letter-spacing用来设置字符之间的间距。
 word-spacing用来设置单词之间的间距。
 
 
今天的分享就到这里了。