韩顺平第十讲

来源：互联网发布：淘宝网怎样找货源编辑：程序博客网时间：2024/04/27 23:07

<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;}