CSS

一、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>

内接样式

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

外接样式-链接式

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

外接样式-导入式

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

二 、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}