1.什么是CSS
CSS全称为Cascading Style Sheets,译为层叠样式表。
样式定义如何显示HTML元素。
样式通常存储在样式表中。
2.使用方式
2.1.
第一种使用方式
利用标签中style属性来改变每个标签的显示样式。
<p style="background-color:#FF0000; color:#FFFFFF"> p标签段落内容。 </p>
2.2.style标签方式:(内嵌方式)
在head标签中加入style标签,对多个标签进行统一修改。
<head> <style type=”text/css”> p { color:#FF0000;} </style> </head>
2.3.导入方式:(常用的方式)
前提是已经存在一个定义好的CSS文件。网页的一部分样式需要用到,那么就用到这种方式。
<style type="text/css"> @import url(css_3.css); div { color:#FF0000;} </style>
2.4.链接方式:(常用的方式)
通过head标签中link标签来实现,前提也是先要有一个已定好的CSS文件。
例:
<link rel="stylesheet" type="text/css" href="css_3.css" /><link rel="stylesheet" type="text/css" href="CSS文件的地址" > ,不能写在<style>内部,写在<head>标签的内部。
rel:代表当前的文件和引入文件的关系。
type:类型
href:CSS的地址
demo链接:点击打开链接