1.css样式的声明
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>CSS样式表</title>
<style type="text/css">
/*
CSS的注释,注释中的内容，不会影响样式，但是会在源码中显示
基本语法：
选择器 声明块
- 选择器：
- 通过CSS选择器可以选中页面中的指定元素
例子： p 表示选中页面中的所有p元素
h1 表示选中页面中的所有的h1元素
- 声明块：
- 在选择器后边跟着的就是声明块，声明块使用一对{}括起来
声明块由一个一个的声明组成，每一个声明使用;结尾。
- 声明：
- 声明实际上就是一个名值对结构，样式名:样式值;
样式名和样式值之间使用:连接
- 所以学习声明主要是学习元素有哪些样式，样式有哪些值
- 声明块中的样式，会统一设置给它前边的选择器对应的元素
*/
h1 {
color:blue;
font-size:40px;
}
</style>
</head>
<body>
<h1>我是一个一级标题</h1>
<p>落霞与孤鹜齐飞，秋水共长天一色</p>
<p>锄禾日当午</p>
<p>汗滴禾下土</p>
</body>
</html>2.css样式的代码的位置
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>CSS样式表</title>
<!--
可以将样式表编写到head中的style标签里 ,
然后通过CSS选择器来选中指定的元素，然后在为其设置样式，
这样可以同时为多个元素设置样式，使结构与表现进一步分离，方便后期的维护。
但是写在style标签中的样式，只能在当前页面中使用，不能在其他页面中应用
<style type="text/css">
p {
color:red;
font-size:50px;
}
</style>
-->
<!--
可以将样式表编写到一个外部的css文件中 ， 然后通过link标签，将外部的样式表引入到当前页面中,
将样式表编写到外部的CSS文件中，然后通过link引入，可以在不同的页面中同时应用相同的样式，
使结构 和 表现完全分离，方便后期维护，是我们开发中用的最多的方式。
将样式表写在外部文件中，可以使多个网页共享同一个样式表，并且可以利用浏览器的缓存机制
提高用户的访问速度，提高了用户的体验。
-->
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<!--
可以将CSS样式编写到元素内部的style属性中
style的属性的值实际上就是CSS样式。
将样式编写到元素的style属性中，我们称为内联样式，
内联样式只对当前的标签起作用，如果想对其他的标签起作用，则必须在其他的标签中再写一遍
内联样式不方便复用，我们说这种形式叫做结构与表现耦合，开发中不推荐使用 、
<p style="color:red;font-size:60px;">落霞与孤鹜齐飞，秋水共长天一色</p>
<p style="color:red;font-size:60px;">锄禾日当午</p>
-->
<p>落霞与孤鹜齐飞，秋水共长天一色</p>
<p>锄禾日当午</p>
<p>汗滴禾下土</p>
</body>
</html>
3425
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
