CSS初识

CSS介绍

CSS全称为： Cascading Style Sheets ，意为层叠样式表 ，与HTML相辅相成，它是网页的装饰者，用来修饰各标签排版（大小、边距、背景、位置等）、改变字体的样式（字体大小、字体颜色、对齐方式等）、设置图片（宽高、位置等）等。

CSS引入方式

引入方式：就是css要写在什么地方

1. 行内样式

借助了所有标签都有的属性style，为当前的元素添加样式声明。

<标签名 style="样式声明">

CSS样式声明 : 由CSS属性和值组成

style="css属性名:值;css属性名:值;"

css属性名：你想给HTML元素设置的样式名称

值：用来控制某个属性的显示效果

常用CSS属性 :

• 设置文本颜色 color:red;
• 设置字体大小 font-size:32px;
• CSS 标点符号都是英文状态下的
• 每一个样式写完之后，最后需要写分号

行内样式特点：

• CSS写在标签的style属性中
• 作用范围：当前标签，如果我们还有一个标签要一样的样式对于我们说就需要把这个样式重新再写一边
• 结构和样式没有分离 不利于代码的维护

2. 内嵌样式

借助于style标签，在HTML文档中嵌入CSS样式代码，可以实现CSS样式与HTML标签之间的分离。同时需借助于CSS选择器到HTML 中匹配元素并应用样式

<style>
  选择器{
    css属性名:值;
    css属性名:值;
  }
</style> 

选择器 : 通过标签名或者某些属性值到页面中选取相应的元素，为其应用样式

特点：

• CSS写在style标签中
  • 作用范围当前页面

3.外链样式表

创建外部样式表文件 后缀使用.css，在HTML文件中使用<link>标签引入外部样式表

<link rel="stylesheet" href="外部样式表的地址">

特点：

• css写在单独的css文件中，通过link标签引入
• 作用范围：多个文件
• 控制多个页面