认识CSS（认识css样式表思维导图）

认识CSS

层叠样式表 Cascading Style Sheets 。

用来设置在网页中显示HTML元素：布局、位置、大小、颜色、边框、边距等 。

Html主要用于页面的内容展示，JavaScript主要用于页面元素之间的逻辑处理，Css主要是修饰的作用，比如颜色、位置、大小、效果等等。

就好比装修一个房子，Html就是房子中的家具、灯具、房间布局等等，JavaScript类似于隐藏起来的水电管线，比如通过开关（Html）可以控制（JavaScript）灯的亮与灭（Html）。而Css相当于房子内的装修的颜色、布局、物品的位置等等，主要起到修饰的作用

一、如何使用CSS

• 在HTML标签的style属性中使用
• 在style标签中使用，一般写在head标签中
• 创建.css文件，通过 link 标签引入

二、代码实战

新建 html 文件 01-css.html ，编写下方程序，运行看看效果吧

!DOCTYPE html>
    
htmllang="en">
    
    head>
    
        metacharset="UTF-8">
    
        metahttp-equiv="X-UA-Compatible"content="IE=edge">
    
        metaname="viewport"content="width=device-width, initial-scale=1.0">
    
        title>
    认识css/title>
    
    /head>
    
  
    body>
    
        divstyle="color:red;
    border:1px solid red;
     text-align:center;
    ">
    这是一行文字/div>
    
    /body>
    
  
/html>
    

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！