韩顺平第十讲

最新推荐文章于 2022-10-06 18:18:44 发布

NS西北风

最新推荐文章于 2022-10-06 18:18:44 发布

阅读量1.5k

点赞数

分类专栏： html+css+js

本文链接：https://blog.csdn.net/huang2009303513/article/details/14211753

版权

html+css+js 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<html>
<head>
<style type="text/css">
  .style1{
    font-size:20px;
	color:red;
	font-weight:bold;
	font-style:italic;
	text-decoration:underline;
  }
</style>
</head>
<body class="style1">
<span >栏目一</span></br>
<span >栏目二</span></br>
<span >栏目三</span></br>
<span >栏目四</span></br>
<span >栏目五</span></br>
</body>
</html>

栏目一
栏目二
栏目三
栏目四
栏目五

韩顺平第十讲第十八分钟设置显示html标签属性的快捷键的设置

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>HtmlPage1.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->	
    <link rel="stylesheet" href="htmlpage1.css" type="text/css"></link>
  </head>
  
  <body>
  这里是北极
    <span class="style1">新闻1</span>
    <span class="style1">新闻2</span>
    <span class="style1">新闻3</span>
    <span class="style1">新闻4</span>
    <span class="style1">新闻5</span>
    <br/>
    <span id="style2">这是一则很重要的新闻</span>
    <br/>
    <a href="#">goto sohu</a><br/>
    <a href="#">goto sina</a><br/>
  </body>
</html>

/*类选择器*/
.style1{
 font-weigth:bold;
 font-size:20px;
 background-color:pink;
 color:black;
}
/*这是一个id选择器*/
#style2{
font-size:30px;
background-color: silver;
color:black;
}
/*选择器的优先级是id>类>html选择器*/
/*html的选择器,body那个名字可以是任何html标签名称*/
body{
	color:orange;
	}
/*a这种标签连接的时候*/	
a:link{
	color:black;
	text-decoration: none;
}
/*a这种标签当鼠标在上面悬浮的时候添加下划线*/
a:hover{
	text-decoration: underline;	
}

/*a这种标签里面点击完以后字体变红色*/
a:visited{
	color:red;
}