开发者社区> 吴英强> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

html文件中引入css代码

简介: <p><span style="color: #0000ff; font-size: 18px;">csstest.html</span></p> <hr> <p><span style="font-size: 18px;"> </span><span style="font-size: 18px;">&lt;!--doctype:文档类型,用于制定使用哪个dtd(说明当前这个html文件遵
+关注继续查看

csstest.html


 <!--doctype:文档类型,用于制定使用哪个dtd(说明当前这个html文件遵循什么版本)-->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4.01 Transitional//EN"
<html>
<head>
<title>css1.html</title>
<!--这个keyword是给搜索引擎用的-->
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<!--告诉浏览器文件是什么编码-->
<meta http-equiv="content-type" content="text/html"; charset="UTF-8">
<!--引入css文件-->
<link rel="stylesheet" type="text/css" href="./csstest.css">

</head>
<body>

<a href="#" >第一个图片</a></br>
<a href="#"><img src="y.jpg"/></a>
<a href="#"><img src="ra.jpg"/></a>
</body>
</html>

 

csstest.css

 


/*.style1就是类选择器*/

.style1{
font-weight:bold;
font-size:20px;
background-color: pink;
}

/*#style2就是一个id选择器*/

#style2{
font-size:30px;
background-color: silver;
}

/*html选择器*/
body{
color: orange;
}

a:link{
color: black;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
a:visited{
color:red;
}


 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
《HTML 5+CSS 3入门经典》——1.4 小结
本节书摘来自华章计算机《HTML 5+CSS 3入门经典》一书中的第1章,第1.4节,作者:管媛辉 潘凯华著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1047 0
《HTML 5+CSS 3入门经典》——第3章 你很重要——HTML 5 中的表单
本节书摘来自华章计算机《HTML 5+CSS 3入门经典》一书中的第3章,作者:管媛辉 潘凯华著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
913 0
《HTML 5+CSS 3入门经典》——3.5 小结
本节书摘来自华章计算机《HTML 5+CSS 3入门经典》一书中的第3章,第3.5节,作者:管媛辉 潘凯华著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
936 0
《HTML 5+CSS 3入门经典》——1.2 HTML 5 的优势
本节书摘来自华章计算机《HTML 5+CSS 3入门经典》一书中的第1章,第1.2节,作者:管媛辉 潘凯华著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1017 0
《HTML 5+CSS 3入门经典》——2.5 小结
本节书摘来自华章计算机《HTML 5+CSS 3入门经典》一书中的第2章,第2.5节,作者:管媛辉 潘凯华著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
905 0
+关注
329
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载