目录
什么是CSS为什么使用csscss样式规则css引用(行内、内部、外部link链入、导入式@import)css三种使用方法的区别***网页三大元素***
***什么是CSS***
***为什么使用css***
css样式中 不区分大小写
***css样式规则***
***css引用(行内、内部、外部link链入、导入式@import)***
行内样式(直接在标签后边添加css样式)内部样式(通过<style>标签嵌入在<head>标签中)外部链入(通过<link>标签在<head>标签中引入)导入式(通过@import 在<style>标签中导入外部样式)<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>css样式</title><!--导入式样式--><style type="text/css">@import "css.css" /*或者: @import url(css.css)*/</style><!--内部样式(嵌入样式):将css样式代码写在<head>标签内部--><style type="text/css"><!--样式... //说明:低版本的浏览器不会识别style样式表,不添加html注释则会将css样式展示在浏览器中;而高版本的浏览器则h会直接忽视注释符号,直接识别css样式--></style><!--外部样式--><link href="css.css" rel="stylesheet" type="text/css"></head><body><!--css行内样式:在开始标签内 添加 style样式属性--><p style="color:red;font-size:20px;">内容</p></body></html>
***css三种使用方法的区别***
(实际工作中多使用 链入外部样式)
【注意】:不同标签有不同的默认样式,可参考《HTML标签默认样式汇总》