CSS初识

标签：结构   pytho   lock   网页   引入   col   通过   中间   边框   

CSS让我们的网页更加丰富多彩, 布局更加灵活自如。

CSS最大贡献就是: 让HTML从样式中脱离, 实现了HTML专注于去做结构呈现, 样式交给CSS

理想情况下: 结构(html)与样式(css)相分离

CSS初识

• 概念　　

　　        CSS(Cascading Style Sheets), 通常称为CSS样式表或层叠样式表(级联样式表)

• 作用
  
  • 主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的部件和外观显示样式。
  • CSS以HTML为标准, 提供了丰富的功能, 如字体、颜色、背景的控制以及整体排版等, 而且还可以针对不同的浏览器设置不同的样式

引入CSS样式表

行内式(内联样式)

• 概念

　　　　　称行内样式、行间样式。是通过标签的style属性来设置元素的样式

• 其基本语法格式如下

<标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3"> 内容 </标签名>

实际上任何HTML标签都拥有style属性, 用来设置行内式

• 案例

<div style="color:red; font-size:12px;"> 我们一起爬山吧! </div>

注意:

1. style其实就是标签的属性

2. 属性和值中间是:

3. 多组属性之间用;隔开

• 缺点

　　　　没有实现结构和样式相分离

内部

CSS初识

标签：结构   pytho   lock   网页   引入   col   通过   中间   边框   

原文地址：https://www.cnblogs.com/featherwit/p/13228697.html