css初识及引入样式
概念:css通常称为css样式表或层叠样式表
作用:
- 主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式
- css以HTML为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式。
引入css样式表的三种方式:
1)行内式(内联样式)
- 概念:称行内样式、行间样式,是通过标签的style属性来设置元素的样式
- 基础语法
<标签名 style="属性1:属性值1;属性2:属性值2;">内容</标签名>
- 注意:
style其实就是标签的属性
样式属性和值之间用:
多组属性值之间用;隔开
只能控制当前的标签和嵌套在其中的字标签,造成代码冗(rong)余 - 缺点:没有实现样式和结构的分离
2)内部样式表(内嵌样式表)
- 是将css代码集中写在HTML文档的head头部标签中,并且用style标签定义
- 基础语法