初学css--css的简单介绍

来源：互联网发布：高铁隧道网络覆盖编辑：程序博客网时间：2024/06/05 10:52

<htmllang="en">
<head>

<metacharset="UTF-8">

<styletype="text/css">

css中的选择器

/*加空格 后代选择器  加尖括号>，子代选择器*/

/*标签选择器，作用与当前页面所有匹配标签*/

       li{
            color: blue;
        }

        /* 类选择器，作用于当前页面所有class值为red的标签*/
        .red{
            color: red;
             }

/*伪类选择器*//*1：默认链接状态*/a:link{    color: yellow;}/*2:已访问状态*/a:visited{    color: darkgray;}/*鼠标悬浮状态*/a:hover{    color: red;}/*鼠标点击时的状态*/a:active{    color: orange;}

</style>

 <title>css入门</title>
</head>
<body>


电脑<spanstyle="color:red;font-size:40px">1</span>元起


 电脑<spanid="price">1</span>元起



 电脑<spanid="price2">1</span> 元起



<ul>
 <li>家用电器</li>
 <liclass="red">各类书籍</li>
 <li>手机数码</li>
 <liclass="red">日用百货</li>
</ul>

<a href="https://www.taobao.com/">淘宝</a>

</body>
</html>

1 0