HTML----文本标签及样式

文本标签&样式

有语意

em标签用于表示一段内容中的着重点。(斜体)
strong标签用于表示一个内容的重要性。(粗体)

    em标签
    strong标签

没有语意

(和em、strong 相似)
i 标签会使文字变成斜体。
b 标签会使文字变成粗体。

    i标签
    b标签

small标签会显示一个比父元素小的字号

small标签通常包括 免责声明、注意事项、法律限制、版权信 息等。

cite标签可以指明对某内容的引用或参考

《七龙珠》讲的是召唤神龙的故事。

blockquote和q表示标记引用的文本。
blockquote用于长引用，q用于短引用
sup:上标主要用于表示类似于103中的3。
sub:下标则用于表示类似余H2O中的2。
ins表示插入的内容，显示时通常会加上下 划线。
del表示删除的内容，显示时通常会加上删 除线。
pre元素表示的是预格式化文本，可以使用pre包住code来表示一段代码

    
        print("hello Word!")
    

列表

无序列表 ul li
有序列表 ol li
定义列表 dl dt dd

    

        
西门庆
        
武大郎
        
潘金莲
    
    

        
结构
        
表现
        
行为
    
    
菜谱
    

        
铁锅炖自己
            

                

                    麻辣
                
            

        
铁锅炖自己

        
铁锅炖自己
        
铁锅炖自己
    
    

        
武松
        
打虎，瞎几把打
        
沙包大的小圈圈锤你胸口
        
武大郎
        
凉凉

单位

px

一 个像素，也就是1px，对于不同的显示器来说一个像素 的大小是不同的。

百分比

百分比是相 对于父元素来说的，如果父元素使用的大小是16px， 则100%就是16px，200%就是32px。

em

em和百分比类似，是相对于font-size说的1em = 1font-size

文字大小&样式

font-size用来指定文字的大小。
font-style用来指定文本的斜体
指定斜体：font-style:italic
指定非斜体：font-style:normal
font-weight用来指定文本的粗体。
指定粗体：font-weight:bold
指定非粗体：font-weight:normal
通过font-family可以同时指定多个字体。
例如：
p{font-family:Arial , Helvetica , sans-serif}

字体分类
serif（衬线字体）
sans-serif（非衬线字体）
monospace （等宽字体）
cursive （草书字体）
fantasy （虚幻字体）

对齐文本&行间距

text-align用于设置文本的对齐方式。
left：左对齐
right：右对齐
justify：两边对齐
center：居中对齐
text-indent用来设置首行缩进。该样式需要指定一个长度，并且只对第一 行生效。

text-indent:2em;