CSS

标签：port   css选择器   视觉   gre   方式   ack   20px   分享   isp   

一、CSS的引入方式                                                                                                                                        

css:cascading style sheet,层叠样式表。css的作用就是给html页面标签添加各种样式,定义网页的显示效果。

html的缺陷:

1,不能适应多种设备

2,要求浏览器必须智能化足够庞大

3,数据和显示没有分开

4,功能不够强大

css优点:

1,使数据和显示分开

2,降低网络流量

3,使整个网站视觉效果一致

4,使开发效率提高了 

行内样式

1 <div>
2     <p style="color: green">我是一个段落</p>
3 </div>

View Code

内接样式

<style type="text/css">
    /*写我们的css代码*/
        
    span{
    color: yellow;
    }

</style>

View Code

外接样式-链接式

<link rel="stylesheet" href="./index.css">

View Code

外接样式-导入式

<style type="text/css">
        @import url(‘./index.css‘);
</style> 

View Code

二 、css选择器                                                                                                                                        

1,标签选择器

标签选择器可以选中所有的标签元素,比如div,ul,li,p等,不管标签隐藏的多深,都能选中,选中的是所有的,而不是一个,所以是‘共性‘.

body{color:red;
      font-size:12px;
  }    
标签选择器
p{color:green;
    font-size:20px;
}
span{color:yellow;
}

标签

2, id选择器

注意同一个页面中id不能重复,任何标签都可以设置id(#选中id)

#box{
        background:green;      
}
#child1{color:red}
#child2{font-size:14px}

id选择器

CSS

标签：port   css选择器   视觉   gre   方式   ack   20px   分享   isp   

原文地址：https://www.cnblogs.com/feifeifeisir/p/9744899.html