<p style= "color:red; font-size:12px">设置文本颜色和大小</p>
<style></style>
标签之间。如下代码:<style>
span{
color:green;
}
</style>
上面代码设置span标签内元素颜色为绿色,嵌入式css样式写在<head></head>
标签之间。
<head>
内使用<link>
标签将css外部文件链接到HTML文件中。如下代码:<link href="demo.css" rel="stylesheet" type="text/css" />
1、css样式文件名称以有意义的英文字母命名,如 main.css。
2、rel=“stylesheet” type=“text/css” 是固定写法不可修改。
3、<link>
标签位置一般写在<head>
标签之内。
这里就有个问题,为什么要把css代码放在<head></head>
之间?
首先把css样式写在
<head></head>
之间是规范要求的内容。此外,这种做法可以让页面逐步显示,提高用户的体验。如果将样式代码放在文档底部,会使部分浏览器(包括Internet Explorer)不能逐步呈现页面甚至阻止渲染页面。所以这种做法可以防止用户收到空白页面或没有样式的内容。
介绍完CSS的三种链接方式,那么问题来了它们谁的优先级最高呢?
在权值相同的情况下,内联式 > 嵌入式 > 外部式。总体来讲,就是最近原则——离被设置样式元素越近优先级越高。所以 嵌入式>外部式 有一个前提:嵌入式css样式的位置一定在外部式的后面。既
<link href="style.css" ...>
代码在<style type="text/css">...</style>
代码的前面(实际开发中也是这么写的)。
<script type="text/javascript">js代码</script>
。如下代码:<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JSdemo1</title>
</head>
<body>
<script type="text/javascript">
//向页面弹出一个框,显示内容
alert("aaaa");
</script>
</body>
</html>
-使用script标签,引入一个外部的js文件
创建一个以".js"为扩展名的文件,然后通过<script type="text/javascript" src="demo.js"></script>
引入外部文件。代码如下:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JSdemo2</title>
</head>
<body>
<script type="text/javascript" src="demo.js">
//这里就不要写js代码了,将下行代码直接写在外部文件 demo.js 中即可
//alert("aaaa");
</script>
</body>
</html>
1、使用外部式Javascript时,就不要在script标签里面写js代码了,不会执行。
2、最好把<script>
标签放在</body>
之前
那么问题又来了,为什么
<script>
标签要放在</body>
之前
原因是脚本在下载和执行期间会阻止HTML解析。这样做能保证HTML首先完成解析,将页面尽早呈现给用户。既浏览器不能开始下载脚本,直到整个文档(document)被解析。
同时,本文遗留了一个问题:什么是权值? 让我留在下篇文章再讲述吧。
参考 我的博客园
最后,谢谢你的赞。
本文地址:https://blog.csdn.net/weixin_38289787/article/details/107462361
如对本文有疑问, 点击进行留言回复!!
轻松解决 org.apache.taglibs.standard.tlv.JstlCoreTLV 困惑
vert实践五——Json?Protocol Buffer?FlatBuffers?
[基于tensorflow的人脸检测] 基于神经网络的人脸检测8——验证训练好的神经网络
selenium + ajax抓取英雄联盟全部英雄的详细信息及多线程保存全部皮肤图片到本地
网友评论