<html>
<head>
<link rel="stylesheet"type="text/css"href="demo.css">
</head>
<body>
北京你好！
<span class="s1 cs1"id="new_important">新闻一</span>
<span class="s1">新闻二</span>
<span class="s1">新闻三</span>
<span class="s1">新闻四</span>
<span class="s1">新闻五</span><br/><br/>
<span id="id1">这是一则<span>非常<span>重</span>要</span>的新闻</span><br/>
<div class="demo.css">
<table>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
</table>
</div>
<a target="_blank" href="www.baidu">连接到百度</a>
<a href="www.baidu">连接到百度</a>
<a href="www.baidu">连接到百度</a>
<p class="c1">爱你其实很简单</p>
<p class="c2">想简单的爱你</p>
</body>
</html>
--------------------------------------------以上是html文件编码----------------------------------
-----------------------------------------------下面是css选择器内容-----------------------------
/*这是类选择器，用.做开头，且要用class做连接词*/
.s1{
    background-color:pink;
    font-size:20px;
    font-weight:bold;
    color:black;
}
.cs1/*cs1在s1的后面，当他们发生冲突时，选择后面的类*/
{
    background-color:blue;
    font-size:20px;
    font-style:italic;
    color:yellow;
}
/*这是id选择器，用#做开头，同时用id做连接词*/
#id1
{
    background-color:silver;
    font-size:50px;
    color:black;
}
/*下面是html元素选择器，开头是html的元素，修饰的内容也是html中所有的该元素*/
body{
    color:orange;
}
a:link{
    color:black;
    text-decoration:none;
    font-size:24px;
}
a:hover
{
    text-decoration:underline;
    font-size:30px;
    color:blue;
}
a:visited
{
    color:red;
}
/*下面的方法是对同种元素进行分类，.后面的字任意*/
p.c1
{
    color:blue;
    font-size:20px;
}
p.c2
{
    color:red;
    font-size:30px;
}
table
{
    border:solid 1px red
    height:20px;
    width:30px;
}
/*下面是通配符选择器,该方法可以对所有的元素起到统一修饰的作用*/
*
{
    margin:0px;
    padding:0px;
}
/*四个选择器的优先级如下：
    id选择器>class选择器>html元素选择器>通配符选择器
*/
/*父子选择器*/
#id1 span
{
    color:red;
    font-style:italic;
}
#id1 span span
{
    color:green;
    font-weight:bold;
}
/*中间的空格一定要有，可以有多级，父子选择器有严格的层级关系
父子选择器不局限与任何类型的选择器，该选择器的层级必需是htl中拥有的元素，不可以任意取名
css选择器分为哪几类*/
#new_important
{
    color:red;
}
<!--看到最后，我还是在这里说一下吧，我是广东工贸职业技术学院的大一学生艾泽霖，这是我在业余时间所学所感，希望可以到同道中人，然后一起学习一起进步
最后说下我的吧QQ634541140，有意者可以加我QQ交流交流，申请时请说明是在百度文库看到的-->

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。