首页 > Web开发 > 详细

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

时间:2020-04-09 16:13:48      阅读:64      评论:0      收藏:0      [点我收藏+]
<!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元素
声明块,通过声明块来制定要为元素设置的样式,由一个一个的声明组成
声明是一个名值对结构,以冒号连接,分号结尾

简单选择器:
id选择器、class选择器、标签选择器、通配符选择器
通配符选择器是对全部的标签都生效,包括HTML的<body>标签。一般来说,都是用通配符选择器对所有的标签进行初始化用的。

css权重:
选择器            权值
!important      Infinity(正无穷)        
行间样式         1000(256进制)
id             100
class|属性|伪类       10
标签|伪元素         1
通配符            0
*/
p{
color: red;
}

</style>
</head>
<body>
<p class="zhongwenming" id="zhongwenming">CSS的中文名:层叠样式表</p>
<!-- 网页是多层结构,我们所能看见的是最上面一层 -->
<p style="color: red;font-weight: bold">行内样式表,css的第一种写法</p>




</body>
</html>


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

}

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

原文:https://www.cnblogs.com/lyrebirth-world/p/12667322.html

(1)
(1)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!