什么是CSS？

• CSS 指层叠样式表 (Cascading Style Sheets)
• 样式定义如何显示 HTML 元素
• 样式通常存储在样式表中
• 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
• 外部样式表可以极大提高工作效率
• 外部样式表通常存储在 CSS 文件中
• 多个样式定义可层叠为一个

来源：菜鸟教程https://www.runoob.com/css/css-intro.html

CSS简单应用

1.CSS分类：

• 标签样式表
• 类样式表
• ID样式表

2.CSS从位置上的分类：

• 嵌入式样式表
• 内部样式表
• 外部样式表

    
        
        
        
        
    
    
    
CSS初识
        
段落1
        
段落2
        
段落3

        

        
    

 预览：

<外部样式表>

盒子模型

1.border 边框

2.margin 间距

3.padding 填充

应用：

    
    



    

        

            

                

                    
名称
                    
单价
                    
数量
                    
小计
                    
操作
                
                

                    
苹果
                    
5
                    
20
                    
100
                    

                
                

                    
菠萝
                    
3
                    
20
                    
100
                    

                
                

                    
香蕉
                    
25
                    
20
                    
200
                    

                
                

                    
总计
                    
181
                
            
        
    

css文件

body{
    margin: 0;
    padding: 0;
    background-color: white;
}
div{
    position: relative;
    float: left;
}

#div_containner{
    width: 80%;
    height: 100%;
    border: 0px solid blue;
    margin-left: 10%;
    float: left;
    background: lightskyblue;
}
#div_fruit_list{
    width: 100%;
}
#tb1_fruit{
    margin-top: 120px;
    margin-left: 18%;
    width: 66%;
    background: azure;
}
#tb1_fruit,#tb1_fruit tr,#tb1_fruit td,#tb1_fruit th{
    border: 1px solid gray;
    border-collapse:collapse;
    text-align: center;
    font-size: 16px;
    font-family: "黑体";
    font-weight: lighter;
    color: darkgray;

    border-top-width: ;
    line-height: 38px;
}
.w20{
    width: 20%;
}
.delImg{
    width:24px;
    height:24px;
}

预览：

以上还知识HTML、css的皮毛知识，但是作为后端初级阶段的学习，目前是够用了。。。