Web全栈工程师之路(三)——CSS初步

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS3初识(一)</title>
<!-- CSS的第三种写法,外部样式表 -->
<!-- 将样式编写到外部的CSS文件中,可以使用到浏览器的缓存机制,从而加快网页的加载速度,提高用户的体验。 -->
<link rel="stylesheet" href="css/css3_1.css">
<style>
/*CSS的第二种写法,内部样式表*/
/*
CSS的基本语法:
选择器 声明块

选择器,通过选择器可以选中页面中的指定元素,比如p的作用就是选中页面中所有的p元素
声明块,通过声明块来制定要为元素设置的样式,由一个一个的声明组成
声明是一个名值对结构,以冒号连接,分号结尾
*/
</style>
</head>
<body>
<p id="zhongwenming">CSS的中文名:层叠样式表</p>
<!-- 网页是多层结构,我们所能看见的是最上面一层 -->
<p style="color: red;font-weight: bold">行内样式表,css的第一种写法</p>



</body>
</html>


——————————————以下是css文件内容————————————————
#zhongwenming{
color: deepskyblue;
font-weight: bold; /*字体加粗*/

}

猜你喜欢

转载自www.cnblogs.com/lyrebirth-world/p/12667322.html