CSS与HTLM的比较区别

CSS ： Cascading Style Sheet 层叠样式表

CSS 作用就是给HTML页面标签添加各种样式

为什么用CSS？

HTML的缺陷：

1. 不能够适应多种设备

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

3. 数据和显示没有分开

4. 功能不够强大

CSS 优点：

1.使数据和显示分开

2.降低网络流量

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

4.使开发效率提高了

CSS语法

p{color：red;}

选择器{属性名：属性值 ;}

选择器后一定是大括号.属性名后必须用冒号隔开.属性值后用分号

属性名和冒号之间最好不要有空格。

CSS和HTML的结合方式

CSS代码理论上位置是任意的，但通常写在style标签里

CSS和HTML的结合方式有3种：

a. 行级样式表:采用style属性,范围只针对此标签适用

<div style = "border:1px solid red ;">大家好</div>

b. 内嵌样式表:采用<style>标签完成。范围针对此页面

c. 外部样式表: 采用建立样式表文件。针对多个页面.

引入样式表文件的方式:

1):采用<link>标签

eg:<link rel = "stylesheet" type = "text/css" href = "a.css"></link>

2):采用import，必须写在<style>标签中，并且必须是第一句

eg: @import url(a.css) ;

两种引入方式的区别：

外部样式表中不能写<link>标签,但是可以写import语句