一. CSS层叠样式表
1. html局限性
HTML 满足不了设计者的需求
操作html属性不方便
HTML里面添加样式带来的是无尽的臃肿和繁琐
2. CSS作用
让我们的网页更加丰富多彩，布局更加灵活自如。
CSS的最大贡献就是: 让HTML从样式中脱离， 实现了HTML专注去做结构呈现，样式交给CSS
我们理想中的结果: 结构(html)与样式(css)相分离
如果JavaScript是网页的魔法师，那么CSS它是我们网页的美容师
3. CSS初识
概念：
CSS(Cascading Style Sheets)，通常称为CSS样式表或层叠样式表(级联样式表)
作用：
主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样
式、边距等)以及版面的布局和外观显示样式。
CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还
可以针对不同的浏览器设置不同的样式。
4. 引入css样式表（书写位置）
4.1 行内式(内联样式)
概念：
称行内样式、行间样式.
是通过标签的style属性来设置元素的样式
其基本语法格式如下：
实际上任何HTML标签都拥有style属性，用来设置行内式。
案例：
注意：
style其实就是标签的属性
属性和值中间是 :
多组属性值之间用 ; 隔开。
只能控制当前的标签和以及嵌套在其中的子标签，造成代码冗余
缺点：
没有实现样式和结构相分离
<标签名 style= "属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名>1
<div style="color: red; font-size: 12px;"> 好好学习 天天向上 且行且珍惜 </div>1
剩余11页未读，继续阅读
资源评论
