1.CSS简介
CSS 的全称为:层叠样式表 ( Cascading Style Sheets ) 。
CSS 也是一种标记语言,用于给 HTML 结构设置样式,例如:文字大小、颜色、元素宽高等等。
2.css的编写位置
1行内样式
(只能对当前标签起作用,对其他标签无效)
<h1 style="color: red; font-size: 60px;" >学习使人快乐</h1>
2内部样式
写在 html 页面内部,将所有的 CSS 代码提取出来,单独放在 <style> 标签中。
<head>
<meta charset="UTF-8">
<title>内部样式</title>
<style>
h1{
color: aqua;
font-size: 60px;
}
h2{
color: bisque;
font-size: 20px;
}
p{
color: blanchedalmond;
font-size: 40px;
}
</style>
</head>
<body>
<!-- 不区分大小写 -->
<h1 >学习使人快乐</h1>
<h2>快乐学习</h2>
<p>加油</p>
</body>
注意点:
1. <style> 标签理论上可以放在 HTML 文档的任何地方,但一般都放在 <head> 标签
中。
2. 此种写法:样式可以复用、代码结构清晰。
3外部样式
写在单独的 .css 文件中,随后在 HTML 文件中引入使用。
操作步骤:
1、新建一个扩展名为.css的文件,然后将需要用的css样式在里面进行编写。
2、然后再在 HTML 文件中引入 .css 文件。
标签:样式,标签,前端,color,第二天,HTML,CSS,css From: https://blog.csdn.net/2401_85473013/article/details/139630962