一.css的基本语法
1.基本语法
css的定义是由两个部分构成
选择器 +声明块
选择器:通过选择器来选定页面的指定元素
声明块:在选择器后面,用{}括起来,给指定元素设置样式(样式名:样式值;)
基本格式:选择器:{样式名:样式值;}
二.css的基本用法
添加css样式方法:
第一种:内联样式/行内样式
直接在html文本中添加
<h1 style="background-color: red; color: blue;">今天天气不错</h1>
直接把背景改为红色,字体颜色改为蓝色
第二种:内部样式
将css样式写在头部中的style标签里,通过选择器来选定元素,然后为元素设置样式
<style>
h1{background-color: yellow;}
</style>
</head>
<body>
<h1>古诗一首</h>
</body>
第三种:外部样式
在html文件外部,设置.css文件,通过link标签引入到html文件中
样式写在.css文件中
h1{color:red}
<link rel="stylesheet" href="./test.css">
</head>
<body>
<h1>古诗一首</h>
</body>