CSS- 标签选择器与字体样式

所有的效果展示

引入： 

标签选择器：

        p{
            color: brown;
            font-size: 30px;
            background-color: aqua;
            width: 500px;
            height: 50px;
        }

    所有的P标签生效

类选择器：

        .red{
            color: red;
            width: 500px;
            height: 50px;
            background-color: aqua;
        }

 class为red P 标签
 class为red 和 其他class的标签

ID选择器：

它的存在是为了配合JS找标签而存在的！一个标签只能有一个。

        #blue{
            color: blue;
            text-align: center;
            text-decoration: line-through;
        }

  
 这是蓝色DIV

通配符选择器：

  整个页面全部生效， 一般用于去除内外边距的使用

        *{
            margin: 0;
            padding: 0;
        }

字体设置：

font-style:    italic  倾斜    normal  正常

          /* 控制是否倾斜等样式 */
            font-style:inherit;
            /* 控制粗细 */
            font-size:30px;
            /* 控制粗细 */
            font-weight:700 ; 
            /* 缩进几个空格 */
            text-indent: 6em;
            /* 行间距 */
            line-height: 1.7;
            /* 如果没有第一个字体， 就按照后边的找， 全没有就随机 */
            font-family: 黑体,sans-serif;
            /* 水平对齐方式 */
            text-align: center;
            /* 文本修饰属性 */
            text-decoration: line-through;

font  符合属性：

所有相关的Code:

    
    
    
    
    
    

    



    
 普通标签
    
 class为red P 标签
    
 class为gree和 size
    



    
 这是蓝色DIV

    

    
 这是DIV

    
 这是DIV通配符


    
 文本缩进 文本缩进 文本缩进 文本缩进 文本缩进 文本缩进 文本缩进 文本缩进 文本缩进 文本缩进 文本缩进 文本缩进 文本缩进 文本缩进 文本缩进 文本缩进

    
 这是DIV通配符